CSS shorthand properties แบบต่าง ๆ

การใช้ CSS ที่ดีคือทำให้เวลาการโหลดสั้นที่สุด หนึ่งในวิธีที่นิยมคือการประกาศ property ของ css แบบสั้น (shorthand) นั่นเอง

Font

font: 1em/1.5em bold italic serif;

จากแบบเต็ม

font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-family: serif;

Background

background: #fff url(image.gif) no-repeat top left;

จากแบบเต็ม

background-color: #fff;
background-image: url(image.gif);
background-repeat: no-repeat;
background-position: top left;

Lists

list-style: disc outside url(image.gif);

จากแบบเต็ม

list-style: #fff;
list-style-type: disc;
list-style-position: outside;
list-style-image: url(image.gif);

ความจริงมีมากกว่านี้ ทั้ง Border, Margin & Padding แต่ใช้บ่อยเลยไม่ได้ใส่