アフィリエイト 神様 稼ぐ 儲ける 億万長者 CSS リストマーカーに関する指定

アフィリエイト 神様 稼ぐ 儲ける 億万長者
CSS　リストマーカーに関する指定

list-styleプロパティはリストの先頭に表示するマーカーの指定をまとめて行う時に指定する

list-style-type、list-style-image、list-style-positionのうち、指定する値をスペースで区切って記述する。


list-style-typeプロパティは、リストマーカーの種類を指定す時に使用する。


none
何も付かない状態

disc
黒い丸が付く。

circle
白抜きの丸が付く。

square
黒い四角が付く。

lower-roman
小文字のローマ数字が付く。

upper-roman
大文字のローマ数字が付く。

lower-greek
小文字のギリシャ数字が付く。

decimal
数字が付く。

decimal-leading-zero
先頭に0の付いた数字が付く。

lower-latin
小文字のアルファベットが付く。

lower-alpha
小文字のアルファベットが付く。

upper-latin
大文字のアルファベットが付く。

upper-alpha
大文字のアルファベットが付く。

cjk-ideographic
漢数字が付く。

hiragana
『あいうえお』が付く。

katakana
『アイウエオ』が付く。

hiragana-iroha
『いろはにほへと』が付く。

katakana-iroha
『イロハニホヘト』が付く。

hebrew
ヘブライ数字が付く。

armenian
アルメニア数字が付く。

georgian
グルジア数字が付く。



list-style-imageプロパティは、
リストマーカーに画像を指定する時使用する。

list-style-typeプロパティを、
同時に指定した時は、list-style-imageの値が優先される。


none
リストマーカーに画像ファイルを使用しない。

URLで画像ファイルを指定する


list-style-positionプロパティは、
リストマーカーの表示位置を指定する時に使用する。


outoside
マーカーがリスト内容の領域の外側に表示され、
マーカー以外の部分がインデントされた形になる。

inside
マーカーがリスト内容の領域の内側に表示され、
マーカーとマーカー以外の部分の高さが揃う。

marker-offsetプロパティは、
displayプロパティのmarker値の指定された要素に対して有効。

リストマーカーは、display: markerの要素に対して、
基本ボックスの外側に、行ボックスとして生成される。

このボックスはpaddingとborderを持ちますが、
marginを持たない。

そのために、list-style-positionとmarker-offsetを使って
指定主要ボックスとの距離を調節する。

display: marker;は、擬似要素:beforeか:afterをセレクタとして指定し、
それ以外のセレクタに対しては、
'display: inline' と等しくなります。

セレクタにマッチした対象のマーカボックスと
基本ボックスの距離を指定する。


auto
自動的に感覚が指定される。

数値で指定する
任意の単位に数値を付けて指定する。

inherit
継承する



アフィリエイト 神様 稼ぐ 儲ける 億万長者　CSS　リストマーカーに関する指定




アフィリエイト 神様 稼ぐ 儲ける 億万長者　トップページへ