Categories: Artikel CSS

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.

Ahmad Code