text-indentプロパティでテキストの行頭の字下げ幅を、text-alignプロパティで行揃えを、text-decorationプロパティで下線などの装飾を、text-transformプロパティで大文字と小文字の変換を、letter-spacingプロパティで文字の間隔を、word-spacingプロパティで単語の間隔を指定します。

#idname {

text-indent: 1.0em;

}

#idname {

text-align: center;

}

#idname {

text-decoration: underline;

}

#idname {

text-transform: lowercase;

}

#idname {

letter-spacing: 1.0em;

}

#idname {

word-spacing: 1.0em;

}

list-style-typeプロパティでリストの先頭に表示するマーカーの種類を、list-style-imageプロパティでリストの先頭に表示するマーカー画像を、list-style-positionプロパティでリストの先頭に表示するマーカーの位置を指定します。また、これらはlist-styleというショートハンドプロパティで“値”を半角スペース区切りに指定することで一括して指定することもできます。

#idname li {

list-style-type: square;

}

#idname li {

list-style-image: url(image/listmarker.gif);

}

#idname li {

list-style-position: inside;

}

#idname li {

list-style: square url(image/listmarker.gif) inside;

}

table-layoutプロパティで表のレイアウトを、border-collapseプロパティで表のborderの表示方法を、border-spacingプロパティで表のborder同士の間隔を、empty-cellsで空のセルの表示方法を、caption-sideで『caption要素』の位置を指定します。

#idname {

table-layout: fixed;

border-collapse: collapsc;

border-spacing: 1;

empty-cells: hide;

caption-side: bottom;

}

マウスのカーソルの種類を指定します。

#idname {

cursor: pointer;

}

outline-widthプロパティでフォーカス時のoutlineの太さを、outline-styleプロパティでフォーカス時のoutlineの形状を、outline-colorプロパティでフォーカス時のoutlineの色を指定します。また、これらはoutlineというショートハンドプロパティで“値”を半角スペース区切りに指定することで一括して指定することもできます。

#idname {

outline-width: thick;

outline-style: dashed;

outline-color: #0000FF;

}

#idname {

outline: thick dashed #0000FF;

}

:before擬似要素や:after擬似要素とともに使用して生成する内容を指定します。

p.attention:before {

content: "ココ注意！";

}

p.featured:before {

content: "はい、注目！";

}

装飾の適用対象が競合している場合、詳細度と読み込み順序という2つのルールによって優先順位が決定されます。

またCSSには、ある要素に適用した装飾は子孫要素に自動的に引き継がれるという特徴があります(継承)。