Dalam css properties text alignment terdapat value justify yang berfungsi untuk

CSS - CSS Dasar

  • By
  • 1 January 2016
  • CSS CSS Dasar

Belajar CSS Mengatur Format Text dengan CSS

Pada tutorial belajar CSS Mengatur Format Text Dengan CSS ini akan di jelaskan tentang penggunaan css dalam mengatur atau memodifikasi text dengan tujuan agar format text dapat menjadi seperti yang kita inginkan dan kita butuhkan. contohnya untuk mengatur text menjadi justify atau kita kenal dengan sebutan rata kiri rata kanan, mengatur jarak indent text, mengatur huruf menjadi uppercase atau huruf besar, huruf kecil, warna text dan juga mengatur dekorasi atau design pada text. silahkan simak penjelasan berikut tentang mengatur format text yang dapat di lakukan menggunakan CSS.

adapun beberata syntax CSS yang bisa di gunakan untuk mengatur format text diantara nya adalah:

  • color. di gunakan untuk mengatur warna text, value yang dapat di isi berupa warna atau kode warna.
  • text-align. di gunakan untuk mengatur posisi align pada text atau rata text, value yang bisa di isi diantaranya adalah center untuk membuat text rata tengah, left untuk membuat text menjadi rata kiri, right untuk membuat text menjadi rata kanan dan justify untukmembuat text menjadi rata kanan dan rata kiri.
  • text-decoration. di gunakan untuk mengatur dekorasi text, value nya berupa none untuk membuat text tidak memiliki dekorasi, overline untuk membuat text memiliki garis pada bagian atas text, line-through untuk membuat garis yang mencoreng pada text, dan underline untuk membuat garis pada bawah text[garis bawah].
  • text-transform. digunakan untuk mengatur huruf kapital pada text, value yang bisa di gunakan diantaranya adalah uppercase untuk membuat text menjadi huruf besar, lowercase untuk membuat text menjadi huruf kecil, dan capitalize untuk membuat huruf awal pada tiap kata menjadi huruf besar.
  • text-indent. digunakan untuk mengatur jarak alinea pada text, value yang bisa digunakan berupa nilai pixel dan lainnya sesuai kebutuhan.
  • text-spacing. digunakan untuk mengatur jarak antar karakter pada text, value yang di isi berupa nilai pixel dan lain-lain. Mengatur Format Text Dengan CSS
  • word-spacing. digunakan untuk mengatur jarak antar kata pada text, value yang di isi juga berupa nilai pixel.
  • line-height. digunakan untuk mengatur jarak antar baris pada text value yang di isi berupa nilai.
  • text-shadow. digunakan untuk mengatur efek bayang pada text, value yang di isikan pertama mengisi nilai untuk jarak kiri kanan, dan kedua mengisi jarak atas bawah dan yang ketiga mengisi warna. untuk contoh penulisanya 2px 5px blue.
  • vertical-align. digunakan untuk mengatur align dalam bentuk vertikal pada text value yang digunakan adalah left untuk membuat text rata kiri, right untuk rata atas dan center untuk rata tengah.

Untuk contoh cara mengatur format text dengan css. buat sebuah file html dan sebuah file css. di sini saya membuat file index.html dan style.css

Cara mengubah warna text dengan CSS

untuk mengubah warna text dengan CSS perhatikan contoh berikut ini.

index.html

  

     format text CSS

    

  

  

     Mengatur format text dengan CSS

  

style.css

.tulisan_warna{

color:blue;

}

dan hasilnya

Mengatur format text dengan CSS

dapat di lihat pada contoh di atas terdapat sebuah tag paragraf yang mempunyai class tulisan_warna. kemudian mengatur warna biru dengan css.

Cara menggunakan text align CSS

index.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

Format text CSS

Mengatur format text dengan CSS

Mengatur format text dengan CSS

Mengatur format text dengan CSS

Belajar tutorial CSS dasar di www.malasngoding.com.

Mengatur format text dengan CSS.belajar HTML dasar di www.malasngoding.com.

Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse

cillum dolore eu fugiat nulla pariatur.Excepteur sint occaecat cupidatat non

proident,sunt in culpa qui officia deserunt mollit anim id est laborum.

style.css

.tulisan_kiri{

text-align:left;

}

.tulisan_kanan{

text-align:right;

}

.tulisan_tengah{

text-align:center;

}

.tulisan_justify{

text-align:justify;

}

belajar css mengatur format text dengan css

Belajar CSS Mengatur format text dengan CSS

untuk contoh mengatur format text dengan CSS lainnya silahkan perhatikan contoh berikut.

index.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

Format text CSS

Mengatur format text dengan CSS

Mengatur format text dengan CSS

Mengatur format text dengan CSS

Belajar tutorial CSS dasar di www.malasngoding.com.

Mengatur format text dengan CSS.belajar HTML dasar di www.malasngoding.com.

Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse

cillum dolore eu fugiat nulla pariatur.Excepteur sint occaecat cupidatat non

proident,sunt in culpa qui officia deserunt mollit anim id est laborum.

style.css

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

.tulisan_satu{

color:blue;

text-decoration:underline;

}

.tulisan_dua{

text-align:right;

text-transform:capitalize;

text-decoration:overline;

}

.tulisan_tiga{

text-align:center;

text-transform:lowercase;

text-decoration:line-through;

word-spacing: 10px;

}

.tulisan_empat{

text-transform:uppercase;

text-indent:30px;

line-height:30px;

letter-spacing:5px;

}

Incoming search terms:

  • cara mengatur posisi text pada html
  • mengatur posisi text dengan css
  • cara mengatur letak tulisan di html
  • cara mengatur posisi tulisan di html
  • format text dengan css
  • mengatur posisi text pada html
  • css tulisan di kiri
  • css mengatur semua paragraf
  • cara pempormatan css html
  • css format teks

TUTORIAL MENARIK LAINNYA

CSS

Membuat Bentuk Segitiga Dengan CSS

7 July 2020

Membuat Bentuk Segitiga Dengan CSS – Selamat datang kembali di tutorial css di malasngoding.com. beberapa waktu lalu ada beberapa teman-teman pembaca tutorial di malasngoding.com yang ...

CSS

Membuat Lingkaran Dengan CSS

25 September 2018

Membuat Lingkaran Dengan CSS Membuat Lingkaran Dengan CSS – Pada tutorial ini kita akan belajar membuat lingkaran atau nembuat bulat dengan menggunakan CSS. Memang mungkin ...

Bagaimana cara memberi value pada properti dalam CSS?

Jika terdapat Properti pada penulisan kode CSS, properti tersebut pasti juga memiliki sebuah nilai atau value. Untuk memberi value pada property CSS, gunakan tanda titik dua [ : ] setelah penulisan property, dan diakhiri dengan titik koma [ ; ].

Bagaimana cara mengatur align dalam bentuk vertikal pada text value?

vertical-align. digunakan untuk mengatur align dalam bentuk vertikal pada text value yang digunakan adalah left untuk membuat text rata kiri, right untuk rata atas dan center untuk rata tengah. Untuk contoh cara mengatur format text dengan css. buat sebuah file html dan sebuah file css. di sini saya membuat file index.html dan style.css

Apa itu Property text align?

Properti CSS yang akan kita bahas adalah: text-align. Untuk mengatur rata text HTML dengan CSS, kita menggunakan property text-align. Property text-align memiliki 4 nilai yang bisa dipilih, yakni: left, right, center, atau justify.

Apa itu properti CSS?

Pada umumnya, jika misalkan Anda menulis suatu property CSS, tentunya Anda juga akan menulis value atau nilai untuk properti tersebut. Nah, properti css dan nilainya itu berguna untuk memberikan efek khusus pada elemen html yang nantinya akan ditampilkan dihalaman web.

Bagaimana Anda membuat teks dalam CSS menjadi di tengah?

Membuat text di tengah dengan kita bisa menggunakan tag di awal text yang ingin di tempatkan di tengah, kemudian menutupnya dengan tag penutup.

Apa itu Text

Text-align merupakan properti CSS yang dibuat khusus untuk mengatur perataan kalimat atau paragraf. Anda bisa menggunakan text-align untuk mengatur paragraf menjadi rata kiri[left], kanan[right], tengah[center], dan justify[rata kanan kiri]. text-align memilik 4 value utama yaitu center, justify, left, dan right.

Bagaimana jika kita ingin atur rata kiri atau rata kanan adalah elemen HTML menggunakan property?

Untuk mengatur rata text HTML dengan CSS, kita menggunakan property text-align. Property text-align memiliki 4 nilai yang bisa dipilih, yakni: left, right, center, atau justify. Sesuai dengan namanya, kita menggunakan text-align: left dan text-align: right untuk membuat rata teks kiri dan rata teks kanan.

Bagaimana cara kerja CSS jelaskan secara singkat?

CSS bekerja saat sebuah browser menampilkan dokumen, sebabnya pada waktu itu browser harus menggabungkan konten dokumen dengan gaya informasi atau gaya presentasi dalam halaman sebuah situs.

Bài mới nhất

Chủ Đề