Ada beberapa properti shorthand di CSS yang bisa dimanfaatkan untuk mempersingkat penulisan kode-kode CSS dalam program anda.
Mereka adalah:
fontfont: 2em/1.5em bold italic serif;
Contoh kode 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 kode 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 kode 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 kode di atas pengganti penulisan dari:
margin-top: 2px;
margin-right: 1px;
margin-bottom: 3px;
margin-left: 4px;
padding
padding: 2px 1px 3px 4px;
Contoh kode di atas pengganti penulisan dari:
padding-top: 2px;
padding-right: 1px;
padding-bottom: 3px;
padding-left: 4px;
border
border: 1px black solid;
Contoh kode di atas pengganti penulisan dari:
border-width: 1px;
border-color: black;
border-style: solid;
Contoh lainnya:
border-left: 1px black solid;
Contoh kode di atas pengganti penulisan dari:
border-left-width: 1px;
border-left-color: black;
border-left-style: solid;
Dengan memanfaatkan properti shorthand akan memudahkan anda ketika ada kesalahan kode.
