中年おっちゃんでも出来たウェブページ作成講座 with ? mark

要素周囲の修飾: 要素の範囲や間隔、外枠の指定を行います。
視覚構成: 要素の表示位置や表示幅等の指定を行います。
視覚効果: はみ出し処理、表示範囲、表示/非表示の指定を行います。
Generated content, automatic numbering, and lists: 生成した内容を付加して装飾を行います。
前景色と背景の修飾: 要素を表示する色（前景色）と背景色等の指定を行います。
書体の修飾: 表示文字の書体や文字のサイズ等の指定を行います。
Text: 文字列の位置や装飾等の指定を行います。
User interface: カーソル（ポインタ）形状や要素が選択された時の修飾等の指定を行います。

要素周囲の修飾属性

要素の範囲や間隔、外枠の指定を行います。

margin

自要素と周囲の要素の間隔を指定します。

padding

要素の範囲の指定をします。

border

外枠の太さ、色、種類を一括指定します。

border-width: 外枠の太さを指定します。
border-color: 外枠の色を指定します。
border-style: 外枠の種類を指定します。

視覚構成属性

要素の表示位置や表示幅等の指定を行います。

display

要素の表示方法を指定します。

position

要素の表示位置を指定します。

top right bottom left: 表示位置指定

float

回り込み

clear: 回り込みの解除

z-index

要素の重なり順を指定します。

direction

テキストの表示方向を指定します。

unicode-bidi: directionの有効/無効

width

要素の表示巾を指定します。

min-width: 最小表示巾を指定します。
max-width: 最大表示巾を指定します。

height

表示高を指定します。

min-height: 最小表示高を指定します。
max-height: 最大表示高を指定します。

line-height

行間指定を指定します。

vertical-align

縦方向の表示位置を指定します。

視覚効果属性

overflow: はみ出し部分の処理を指定します。
clip: 表示範囲を指定します。
visibility: 要素の表示/非表示の切り替えを指定します。

Generated content, automatic numbering, and lists

生成した内容を付加して装飾を行います。

content

要素の直前/直後に、文字列や画像などの内容を付加します。

quotes: 引用符
counter-reset: カウンター値リセット
counter-increment: カウンター値セット

list-style

リストマーカーの一括修飾指定

list-style-type: LI要素で表示するマーカーの形を指定します。
list-style-image: LI要素で表示するマーカーのイメージを指定します。
list-style-position: マーカーの表示位置を指定します。

前景色と背景の修飾

要素を表示する色（前景色）と背景色等の指定を行います。

color

要素を表示する色（前景色）を指定します。

background

要素の背景を一括指定します。

background-color: 要素の背景色を指定します。
background-image: 要素の背景画像を指定します。
background-repeat: 背景画像の表示パターンを指定します。
background-attachment: スクロール時の背景画像の表示を指定します。
background-position: 背景画像の表示位置を指定します。

書体の修飾

表示文字の書体や文字のサイズ等の指定を行います。

font

書体や文字のサイズ等の一括指定

font-family: 表示文字の書体を指定します。
font-style: 表示文字のスタイルを指定します。
font-variant: 小文字の表示方法を指定します。
font-weight: 表示文字の太さを指定します。
font-size: 表示文字のサイズを指定します。

Text

文字列の位置や装飾等の指定を行います。

text-indent: 文字下げを指定します。
text-align: 文字列の表示位置を指定します。
text-decoration: 文字列の装飾を指定します。
letter-spacing: 文字間の隙間を指定します。
word-spacing: 単語間の隙間を指定します。
text-transform: 大文字小文字変換を指定します。
white-space: 半角スペース・タブ・改行の取り扱いを指定します。

User interface属性

カーソル（ポインタ）形状や要素が選択された時の修飾等の指定を行います。

cursor

カーソル（ポインタ）形状を指定します。

outline

輪郭線の一括指定

outline-width: 輪郭線の巾を指定します。
outline-color: 輪郭線の色を指定します。
outline-style: 輪郭線のスタイルを指定します。

中年おっちゃんでも出来た ウェブページ作成講座 with ? mark

スタイルシート - プロパティ一覧