Gunakan Properti Shorthand Di Css
Ada beberapa properti shorthand di CSS yang dapat dimanfaatkan untuk mempersingkat penulisan kode-kode CSS dalam kegiatan anda.
Mereka adalah:
font
font: 2em/1.5em bold italic serif;
Contoh arahan di atas pengganti penulisan dari:
font-size: 2em; line-height: 1.5em; font-weight: bold; font-style: italic; font-family: serif;
background
background: #000 url(myimage.gif) no-repeat top left;
Contoh arahan di atas pengganti penulisan dari:
background-color: #000; background-image: url(myimage.gif); background-repeat: no-repeat; background-position: top left;
list-style
list-style: disc outside url(myimage.gif);
Contoh arahan di atas pengganti penulisan dari:
list-style-type: disc; list-style-position: outside; list-style-image: url(myimage.gif);
margin
margin: 2px 1px 3px 4px;
Contoh arahan di atas pengganti penulisan dari:
margin-top: 2px; margin-right: 1px; margin-bottom: 3px; margin-left: 4px;
padding
padding: 2px 1px 3px 4px;
Contoh arahan di atas pengganti penulisan dari:
padding-top: 2px; padding-right: 1px; padding-bottom: 3px; padding-left: 4px;
border
border: 1px black solid;
Contoh arahan di atas pengganti penulisan dari:
border-width: 1px; border-color: black; border-style: solid;
Contoh lainnya:
border-left: 1px black solid;
Contoh arahan di atas pengganti penulisan dari:
border-left-width: 1px; border-left-color: black; border-left-style: solid;
Dengan memanfaatkan properti shorthand akan memudahkan anda saat ada kesalahan kode.
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like
Fan Page kami, dan
SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.