Friday, July 13, 2012
0 comments

Mengatur Text Dengan CSS
Sobat ketikweb pasti sudah tidak asing lagi dengan pengaturan teks seperti ini. Dalam pembuatan tulisan dimanapun, struktur keindahan paragraf menjadi hal utama agar pembaca bisa nyaman dalam membaca tulisan kita. Dalam pembuatan web maupun blog dahulu pengaturan teks ini banyak di gunakan dengan Tag HTML, namun sekarang penanganan diserahkan pada CSS. Bagaimanakah CSS dalam mengatur teks? Mari kita diskusikan.


Bagaimana CSS Mengatur Perataan Teks?

Pengaturan ini melalui properti text-align, contoh:

text-align: center;

value (nilai) dari text-align diatas adalah center, yang artinya perataan teks ditengah. Value lain yang bisa digunakan adalah left (kiri), right (kanan), justify (perataan kanan kiri).


Bagaimana CSS Mengatur Jarak Antar Baris?

Pengaturan ini melalui properti line-height, contoh:

line-height: 0,5em;

value (nilai) dari line-height diatas adalah 0,5em, yang artinya jarak antar baris diatur 0,5 kali jarak antar baris semula.


Bagaimana CSS Mengatur Jarak Antarhuruf atau Antarkata?

Pengaturan ini melalui properti letter-spacing (antarhuruf) dan properti word-spacing (antarkata), contoh:

letter-spacing: 0,4em;

word-spacing: 1,5em;


value (nilai) dari letter-spacing diatas adalah 0,4em, yang artinya jarak antarhuruf diatur 0,4 kali jarak antarhuruf semula, sedangkan nilai word-spacing 1,5em yang artinya 1,5 kali dari jarak antarkata semula.



Bagaimana CSS Mengatur Jarak Batas Kiri Atas Kanan Bawah?


Pengaturan ini melalui properti padding-top (batas atas), padding-bottom (batas bawah), padding-left (batas kiri), padding-right (batas kanan), contoh:

padding-top: 1cm;

padding-right: 2cm;

padding-left: 1cm;

padding-bottom: 2cm;


gambar pengaturan padding css ketikweb.blogspot.com
Value (nilai) dari padding-top (batas atas) adalah 1cm artinya batas kiri sebesar 1 cm dari element page (lembar halaman tulisan berada), padding-bottom (batas bawah) adalah 2cm artinya batas kiri sebesar 2 cm dari element page , padding-left (batas kiri) adalah 1cm artinya batas kiri sebesar 1 cm dari element page, padding-right (batas kanan) adalah 2cm artinya batas kiri sebesar 2 cm dari element page. Aturan satuan nilai sama dengan pengaturan font size.

Selain menggunakan keempat properti di atas, pengaturan padding ini bisa di singkat menjadi :

padding: 1cm 1cm 1cm 2cm;

aturan nilai diatas di awali pengaturan batas atas kemudian berurutan sesuai arah jarum jam (kanan, bawah, kiri). Hal ini hanya berlaku jika kita menginginkan pengaturan empat padding di atas.

Sekian tutorial kali ini, semoga bermanfaat untuk sobat sekalian. Salam Kreatifitas....

text css | text align css | css text | text justify css | bold text in css | text css html | style padding | html padding | padding in css | css text padding | css tutorial | padding tutorial | textalign | lineheight | letterspacing | wordspacing | paddingtop | paddingleft | paddingright | paddingbottom | bataskiri | batasatas | batasbawah | bataskanan | antar baris | antar kata | antar huruf | jarak paragraf |

Share ke Google
"Sobat suka postingan ini? Silahkan copy link dibawah ini dan paste ke web, blog, atau sosial media sobat yang nantinya akan menghubungkan sobat langsung dengan postingan ini. "
Untuk mendapat respon balik dari saya, tuliskan identitas sobat dalam memberi komentar dalam kolom dibawah ini.

0 comments:

Post a Comment

ketikweb ketikweb ketikweb
 
@2013 ketikweb.blogspot.com | Template Modified and Enhanced by Zulkifli Hasan