Text Dan Font
Property text memungkinkan kita mengatur tampilan dari text. Dengan property text ini kita dapat merubah warna text, menambah atau mengurangi spasi antar karakter dalam text, alignment text, dekorasi text, tabulasi baris pertama sebuah text dan lain-lain.
Dalam atribut text dan font dalam CSS ini kalian bisa mempelajarinya dengan mudah, dalam membangun sebuah website kalian bisa memperantik tampilan website dengan menggunakan CSS dan mengenal atribut didalamnya seperti "text" dan "font".
Text Direction
Syntax : direction: <value>
Possible Values: rtl | ltr
Properti ini mendefinisikan direction dari text.
Contoh :
H3 { color: red; direction: rtl; }
Text Align
Syntax: text-align: <value>
Possible Values: left | right | center | justify
Property ini mendefinisikan algnment text.
Contoh :
P { text-align: center }
Text Decoration
Syntax: text-decoration: <vakue>
Possible Values: none | [ underline || overline
|| line-through || blink ]
Properti ini memberikan dekorasi text.
Contoh :
A: link, A: visited, A: active { text-decoration: underline }
Contoh diatas menyebabkan text yang ada diantara tag <A> dan </A> bergaris bawah.
Text Indent
Syntax: text-indent: <value>
Possible Value: <length> | <percentage>
Properti ini mendefinisikan indentation atau tabulasi.
Contoh :
P { tetx-indent: 10% }
Property Text
Berikut property text berdasarkan CSS1 dan CSS2
| Property | Description | Values | CSS |
| color | Seting warna dari text | color | 1 |
| direction | Seting arah dari text | ltr rtl |
2 |
| line-height | Seting jarak antara baris text | normal number legth % |
1 |
| letter-height | Menaikan atau menurunkan ukuran spasi antara karakter pada text | normal legth |
1 |
| text-align | Seting alignment text pada sebuah element | left right center justify |
1 |
| text-decoration | Menambahkan dekorasi pada text | none underline overline line-through blink |
1 |
| text-indent | Mengatur indentation dari barus pertama dari text pada sebuah element | legth % |
1 |
| text-transform | Kontrol karakter pada element | none capitalize uppercase lowercase |
1 |
| vertical-align | Seting vertical alignment dari sebuah element | baseline sub super top text-top middle bottom text-bottom legth % |
1 |
| white-space | Seting bagaimana spasi kosong (white space) didalam sebuah element | normal pre nowrap |
1 |
| word-spacing | Menaikan dan menurunkan spasi diantara kata | normal legth |
1 |
Font Family
Syntax: font-family: <values>
Possible Values: [[<family-name>|
<generic-family>],]*
[<family-name> |
<generic-family>]
Contoh :
BODY { font-family: gill, helvatica, sans-serif }
Font Style
Syntax: font-style: <value>
Possble Values: normal | italic | oblique
Contoh :
H1, H2, H3 { font-style: italic }
H1 EM { font-style: normal }
Pada contoh tadi, semua text yang berbeda didalam tag H1, H2 dan H3 akan memiliki style italic dan emphasized text yang berbeda dalam tag <H1> akan memiliki style normal.
Font Size
Syntax: font-size: <value>
Possible Values: <absolute-size> |
<relative-size> |
<length> |
<percentage>
Contoh :
Pemahaman di atas adalah pembuatan font dan text agar lebih menarik saat kalian membangun sebuah website, serta tampilan dengan mengedit-edit atribut yang kalian sukai. Agar lebih paham dalam pembelajaran dan lebih mudah di pelajari cobalah menggunakan aplikasi dreamweaver.
Font Size
Syntax: font-size: <value>
Possible Values: <absolute-size> |
<relative-size> |
<length> |
<percentage>
Contoh :
P { font-size: 12pt; }
BLOCKQUOTE { font-size: larger }
EM { font-size: 150% }
EM { font-size: 1.5em }
Pemahaman di atas adalah pembuatan font dan text agar lebih menarik saat kalian membangun sebuah website, serta tampilan dengan mengedit-edit atribut yang kalian sukai. Agar lebih paham dalam pembelajaran dan lebih mudah di pelajari cobalah menggunakan aplikasi dreamweaver.
Belum ada tanggapan untuk "Text Dan Font Dalam CSS"
Posting Komentar