marginおよびpadding関連プロパティを一括指定する

CSSソース：個別指定

p {
     margin-top: 0;
     margin-right: 10px;
     margin-bottom: 15px;
     margin-left: 10px;
}

CSSソース：一括指定（1）

p {
     margin: 0 10px 15px 10px;
}

CSSソース：一括指定（2）

p {
     margin: 0 10px 15px;
}

list-style関連プロパティを一括指定する

CSSソース：個別指定

ul li {
     list-style-type: circle;
     list-style-image: url(../img/list.gif);
     list-style-position: inside;
}

CSSソース：一括指定

ul li {
     list-style: circle url(../img/list.gif) inside;
}

background関連プロパティを一括指定する

CSSソース：個別指定

div.section {
     background-color: #CCC;
     background-image: url(../img/bg.gif);
     background-repeat: no-repeat;
     background-attachment: scroll;
     background-position: center top;
}

CSSソース：一括指定

div.section {
     background: #CCC url(../img/bg.gif) no-repeat center top;
}

border-width関連プロパティ

CSSソース：個別指定

div.section {
     border-top-width: 2px;
     border-right-width: 3px;
     border-bottom-width: 1px;
     border-left-width: 2px;
}

CSSソース：一括指定

div.section {
     border-width: 2px 3px 1px 2px;
}

border-style関連プロパティ

CSSソース：個別指定

div.section {
     border-top-style: dotted;
     border-right-style: solid;
     border-bottom-style: solid;
     border-left-style: dotted;
}

CSSソース：一括指定

div.section {
     border-style: dotted solid solid dotted;
}

border-color関連プロパティ

CSSソース：個別指定

div.section {
border-top-color: red;
     border-right-color: #999;
     border-bottom-color: red;
     border-left-color: #0c5633;
}

CSSソース：一括指定

div.section {
     border-color: red #999 red #0c5633;
}

border関連プロパティ

CSSソース：個別指定

div.section {
     border-top: 1px solid red;
     border-right: 1px solid red;
     border-bottom: 1px solid red;
     border-left: 1px solid red;
}

CSSソース：一括指定

div.section {
     border: 1px solid red;
}

CSSソース：上辺のみ非表示にする

div.section {
     border: 1px solid red;
     border-top: 0;
}

font関連プロパティを一括指定する

CSSソース：個別指定

body {
     font-family: Osaka, verdana, sans-serif;
     font-style: normal;
     font-variant: normal;
     font-weight: bold;
     font-size: 100%;
     line-height: 1.4;
}

CSSソース：一括指定（省略なし）

body {
     font: normal normal bold 100%/1.4 Osaka, verdana, sans-serif;
}

CSSソース：一括指定（省略あり）

body {
     font: bold 100%/1.4 Osaka, verdana, sans-serif;
}

W3C仕様書の参照箇所

• CSS 2.1 - 1.4.3 Shorthand properties

• 第2章 CSSの基本法則