Atribut Manipulasi Font dengan CSS

Untuk memanipulasi font pada halaman web dengan css dengan mudah dapat dilakukan, berikut adalah atribut yang biasa dipakai untuk manipulasi font dengan css :

--> font-family : "jenis_huruf1",jenis_huruf2,jenis_huruf3

Manipulasi jenis huruf

--> font-style : jenis_style

Manipulasi style font. Untuk Jenis_style dapat diisi normal atau italic

--> font-size : nilai_size

Manipulasi ukuran huruf. nilai_size berupa angka dan dapat menggunakan satuan persen,pixel atau em (1 em=16pixel)

--> font-weight : nilai_weight

Manipulasi lebar/ketebalan huruf. Nilai weight dapat diisi berupa bold atau normal

@Berbagi ilmu dan pengalaman

Atribut Manipulasi Teks Dengan CSS

Berikut adalah adaftar nama-nama atribut yang biasa digunakan untuk memanipulasi teks dengan CSS :

--> Manipulasi warna/color pada teks

color : nilai_atribut, misal : color:blue

nilai atribut dapat berupa nilai heksadesimal, rgb(255,255,255)

--> Manipulasi perataan teks

text-align : nilai_atribut, misal : text-align:center

nilai atribut : left,center,right dan justify

--> Indentasi teks

text-indent : nilai_atribut, misal : text-indent:50px

catatan:nilai atribut dapat dirubah sesuai dengan yang diinginkan (px=pixel)

--> Dekorasi teks

text-decoration : nilai_atribut, misal : text-decoration:blink

nilai atribut : none, overline, line-through, underline atau blink

--> Transformasi text

text-transform : nilai_atribut, misal : text-transformation:uppercase

nilai atribut : uppercase,lowercase atau capitalize

@Berbagi ilmu dan pengalaman

Letak Penulisan CSS

Untuk meletakan tulisan css dapat dilakukan melalui dua cara, sebagai berikut :

--> Menjadi satu dengan file html, ada dua cara  :

      -> Menggunakan tag <style> (Internal style)

      contoh : <style type="text/css"> h1{color : red;  font-size:12px;}

      -> Case to Case (Inline Style)

      contoh : <h1 style="color :red; font-size:12px;> Inline Style </h1>

--> Dipisahkan dengan file HTML, ada dua cara :

      -> Menggunakan tag <link>

      contoh : <link href=style.css rel=stylesheet type=text/css>

      catatan : tag link ditempatkan dalam tag head

      -> Menggunakan @import

      contoh : @import "style.css" atau @import url(style.css)

@Berbagi ilmu dan pengalaman