Perataan Teks CSS
Perataan Teks
Properti text-align
ini digunakan untuk mengatur perataan horizontal teks.
Sebuah teks dapat diratakan kiri atau kanan, di tengah, atau diratakan.
Contoh berikut menunjukkan rata tengah, dan teks rata kiri dan kanan (perataan kiri adalah default jika arah teks dari kiri ke kanan, dan perataan kanan adalah default jika arah teks dari kanan ke kiri):
Contoh
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
Ketika text-align
properti diatur ke "justify", setiap baris diregangkan sehingga setiap baris memiliki lebar yang sama, dan margin kiri dan kanan lurus (seperti di majalah dan koran):
Contoh
div {
text-align: justify;
}
Teks Rata Terakhir
Properti text-align-last
menentukan cara menyelaraskan baris terakhir teks.
Contoh
Sejajarkan baris teks terakhir dalam tiga elemen <p>:
p.a
{
text-align-last: right;
}
p.b
{
text-align-last: center;
}
p.c
{
text-align-last: justify;
}
Arah Teks
Properti direction
and
unicode-bidi
dapat digunakan untuk mengubah arah teks suatu elemen:
Contoh
p {
direction: rtl;
unicode-bidi: bidi-override;
}
Penjajaran Vertikal
Properti vertical-align
mengatur perataan vertikal suatu elemen.
Contoh
Mengatur perataan vertikal gambar dalam teks:
img.a {
vertical-align: baseline;
}
img.b {
vertical-align: text-top;
}
img.c {
vertical-align:
text-bottom;
}
img.d {
vertical-align: sub;
}
img.e {
vertical-align: super;
}