Rabu, 04 Maret 2020

CCS #4 Text Styling

Text Styling

text:
1. Color, Memberi warna pada tulisan.

contoh:

   h1 {
          color: skyblue;
         }
untuk memilih warna bisa mengunjungi website, www.colorpicker.com dengan memasuki angka
hexadesimal. Dengan memasukan kode angka hexanya.

2. text-align, Mengatur format paragraf/text.

terdiri dari 3 atribut:
a. left, untuk rata kiri.
b. right, untuk rata kanan.
c. center, untuk rata tengah.
d. justify, untuk rata kiri kanan.

contoh:

p {
    text-align: right ;<!--rata kiri-->
    }

3. text-indent, Memberi indentasi pada paragraf/text.

terdiri dari 2 atribut nilai
a. bisa dengan px,
b. atau bisa dengan %

contoh:

p {
    text-indent: 100 px;
    }

4. text-decoration, Mengatur dekorasi pada text.

terdiri dari 4 atribut:
a. none, untuk menghilangkan garis bawah pada alamat link.
b. underline, memberikan garis bawah ditulisan
c. overline, memberikan garis diatas tulisan
d. line-through, memberikan garis melewati tulisanya.

contoh:

h1 {
      text-decoration: underline;
      }


5. text-transform, Mengubah jenis huruf menjadi kecil, besar/kapital.

terdiri dari 4 atribut:
a. none,
b. lowercase,
c. uppercase.
d. kapitalize,
digunakan untuk memaksa tulisan menjadi huruf besar semua atau huruf kecil semua.

contoh:

h1 {
      text-transform: uppercase;
      }

6. letter-spacing, Mengatur spaci antar huruf.

terdiri dari 2 atribut nilai:
a. normal.
b. px

contoh:

p {
    letter-spacing: 5px;
    }

7. word-spacing, Mengatur spaci antar kata.

terdiri dari 2 atribut nilai:
a. normal.
b. px

contoh:

p {
    word-spacing: 10px;
    }

Tidak ada komentar:

Posting Komentar