Cara Cepat Hamil

Belajar CSS – Sintax CSS jalan pendek atau Shorthand

January 8, 2011 · Posted in CSS, Tutorial · Comment 

Sambil belajar CSS, saya menemukan tutorial yang bagus sekali mengenai CSS. Untuk pengertian CSS tidak dibahas disini :) . Sintax CSS Shorthand atau sintak CSS jalan pintas digunakan untuk memperpendek sintax dimana mampu merubah beberapa baris sintak menjadi satu baris. Oke dah, ga usah panjang lebar, silakan simak baik-baik Sintax CSS shorthand dibawah ini :

div {
margin-top: 10px;
margin-bottom: 15px;
margin-left: 25px;
margin-right: 35px;
}

Penulisan atribut margin seperti diatas memerlukan 80 karakter dan terlihat tidak efisien. Atribut margin memiliki CSS Shorthand yang sangat minim. Syntax untuk CSS Shorthand untuk margin adalah : top right bottom left. Sebagai contoh, untuk memendekkan kode diatas kita menulisnya sebagai berikut:

div { margin: 10px 35px 15px 25px; } Read more