W3CのBox propertiesにあたる箇所。

margin-top : [ <length> | <percentage> | auto ]

margin-right : [ <length> | <percentage> | auto ]

margin-bottom : [ <length> | <percentage> | auto ]

margin-left : [ <length> | <percentage> | auto ]

margin : [ <length> | <percentage> | auto ]{1, 4}

※marginプロパティは上記のmargin-***プロパティの組み合わせでも実現できます。

margin: 2em; /* 上下左右：2emの隙間 */

margin: 1em 2em; /* 上下：1em, 左右：2emの隙間 */

margin: 1em 2em 3em; /* 上：1em, 左右：2em, 下：3emの隙間 */

margin: 1em 2em 3em 4em; /* 上：1em, 右：2em, 下：3em, 左：4emの隙間 */

padding-top : [ <length> | <percentage> ]

padding-right : [ <length> | <percentage> ]

padding-bottom : [ <length> | <percentage> ]

padding-left : [ <length> | <percentage> ]

padding : [ <length> | <percentage> ]{1, 4}

※paddingプロパティは上記のpadding-***プロパティの組み合わせでも実現できます。

padding: 2em; /* 上下左右：2emの隙間 */

padding: 1em 2em; /* 上下：1em, 左右：2emの隙間 */

padding: 1em 2em 3em; /* 上：1em, 左右：2em, 下：3emの隙間 */

padding: 1em 2em 3em 4em; /* 上：1em, 右：2em, 下：3em, 左：4emの隙間 */

※負数は許されません。

border-top-width : [ thin | medium | thick | <length> ]

border-right-width : [ thin | medium | thick | <length> ]

border-bottom-width : [ thin | medium | thick | <length> ]

border-left-width : [ thin | medium | thick | <length> ]

border-width : [ thin | medium | thick | <length> ]{1, 4}

border-width: thin; /* thin thin thin thin */

border-width: thin thick; /* thin thick thin thick */

border-width: thin thick medium; /* thin thick medium thin */

border-width: thin thick medium thin; /* thin thick medium thin */

※負数は許されません。

border-color : [ <color> ]{1, 4}

border-style : [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]

border-top : [ <border-top-width> || <border-style> || <color> ]

border-right : [ <border-right-width> || <border-style> || <color> ]

border-bottom : [ <border-bottom-width> || <border-style> || <color> ]

border-left : [ <border-left-width> || <border-style> || <color> ]

border : [ <border-width> || <border-style> || <color> ]

border: solid red;

/* 上記の文は、以下に示す４つの文に等しい

border-top: solid red;

border-right: solid red;

border-bottom: solid red;

border-left: solid red

*/

width : [ <length> | <percentage> | auto ]

IMG.icon{ width: 100px; }/* ブロックレベル要素と置き換え要素に対応 */

※負数は許されません。

height : [ <length> | auto ]

IMG.icon{ height: 100px; }/* ブロックレベル要素と置き換え要素に対応 */

※負数は許されません。

float : [ left | right | none ]

clear : [ none | left | right | both ]