Warna Teks
Properti color yang digunakan untuk mengatur warna teks.
Dengan CSS, warna yang paling sering ditentukan adalah:
- nilai HEX - seperti "#ff0000"
- nilai RGB - seperti "rgb (255,0,0)"
- nama warna - seperti "red"
Warna default untuk halaman didefinisikan dalam body.
Contoh:
body {
color: blue;
}
h1 {
color: #00ff00;
}
h2 {
color: rgb(255,0,0);
}
Teks Alignment
Properti text-align digunakan untuk mengatur alignment horizontal teks.
Teks dapat terpusat, atau sejajar ke kiri atau ke kanan, atau dibenarkan.
Ketika text-align diatur ke "justify", setiap baris ditarik sehingga setiap baris memiliki lebar yang sama, dan margin kiri dan kanan lurus (seperti di majalah dan koran).
h1 {
text-align: center;
}
p.date{
text-align: right;
}
p.main {
text-align: justify;
}
Dekorasi teks
Properti text-decoration digunakan untuk mengatur atau menghapus dekorasi dari teks.
Properti text-decoration banyak digunakan untuk menghilangkan garis bawah dari link untuk keperluan desain:
a {
text-decoration: none;
}
Hal ini juga dapat digunakan untuk menghias teks:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h2 {
text-decoration: underline;
}
Teks Transformasi
Properti text-transform digunakan untuk menentukan huruf besar dan huruf kecil dalam teks.
Hal ini dapat digunakan untuk mengubah segalanya menjadi huruf besar atau kecil, atau memanfaatkan huruf pertama dari setiap kata.
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
Teks Indentasi
Properti text-indent digunakan untuk menentukan indentasi baris pertama dari teks.
p {
text-indent: 50px;
}
0 komentar:
Posting Komentar