Blog/web sangat identik dengan posting, sedang posting sendiri adalah sebuah aktifitas blogger untuk membuat artikel/tulisan hingga diterbitkan. Mengetahui tentang perataan teks melalui fungsi kode css sangatlah penting sehingga posting yang rapi dapat tercipta. Diluar hal tersebut, mengetahui fungsi dan cara menggunakan kode css perataan teks (text-align property) akan meng-efektifkan penggunaan kode html selama posting.
Value text-align property:
- text-align:left » Membuat teks rata kiri.
- text-align:right » Membuat teks rata kanan.
- text-align:center » Membuat teks rata tengah (center).
- text-align:justify » Membuat teks rata kanan sekaligus rata kiri.
- text-align:inherit » perataan teks sesuai dengan kode perataan yang digunakan di elemen induknya.
Keterangan:
- Perataan teks hanya dapat berfungsi pada "block container", seperti elemen DIV, h1 s/d h6 dan p.
<h2 style="text-align:center">Text here!</h2>
<p style="text-align:justify">Text here!</p>
- Beberapa elemen html lain, seperti span, b, i dapat juga menjalankan fungsi perataan teks dengan cara merubahnya sebagai "block container". CSS display property (display:block atau display:inle-block) dapat dimanfaatkan secara bersamaan dengan text-align property.
<span style="display:block;text-align:center;">Text here!</span>
Di bawah ini telah disertakan beberapa contoh perataan teks beserta kode yang digunakan. Edit dan lakukan beberapa perubahan atau penambahan kode untuk lebih memahami penggunaan text-align property. Gunakan attribute id atau attribue class untuk efisiensi penggunaan kode html.
Please click the button to display. Continue with editing code and click to see the results!
Tidak ada komentar:
Posting Komentar