Shorthand Property

by

Pada modul sebelumnya kita sudah menggunakan shorthand property untuk border.

border: 2px solid black;


#sama dengan 

border-color: black;
border-width: 2px;
border-style: solid;

Selain border, margin juga memilki versi shorthand. 

margin: 20px;


#sama dengan 

margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;

#atau

margin: 20px 20px 20px 20px;

Untuk margin shorthand lebih advanced, lihat contoh berikut

margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;


#dapat menggunakan shorthand berikut

margin: 10px 20px 10px 20px

#atau

margin: 10px 20px
  • margin: 10px 20px 10px 20px adalah dengan urutan top right bottom right.
  • margin: 10px 20px adalah urutan top-bottom dan left-right

Tips: Selalu gunakan versi shorthand, jIka ada kesempatan untuk menggunakannya.

Sharing is caring:

Leave a Comment