list-style-type概要CSSプロパティ「list-style-type」は、リストの先頭に対して、中点などマーカーの種類を指定します。disc;}</style>取りうる値キーワードを指定します。様々なキーワードが用意されてますがブラウザによって適用されない場合もあるので気をつけましょう。キーワード;}キーワード説明noneこれが初期値です。マーカーがつきませんdisc黒い丸です。circle白抜きの丸です。square黒い四角です。C...のような大文字のラテン文字ですlower-alphaa,b,c...のような小文字のアルファベットですcjk-ideographic一萬一千一百一のような漢数字です。trad-chinese-informalと同義hiragana『あいうえお』が付きます。katakana『アイウエオ』が付きます。hiragana-iroha『いろはにほへと』が付きます。katakana-iroha『イロハニホヘト』が付きます。hebrewヘブライ数字が付きます。armenianアルメニア数字が付きます。georgianグルジア数字が付きます。確認するブラウザによって表示が異なる場合がありますので、使用する際には気をつけましょう。説明list-styleマーカーに関する指定をまとめて行うショートハンドlist-style-imageマーカーに画像を指定するlist-style-typeマーカー文字の種類を指定するlist-style-positionマーカー文字の位置を指定するmarker-offsetマーカーとの間隔を指定する使用例リストの階層で表示するマーカーを分けた例です。1)関連CSSプロパティlist-style-imagelist-style-typelist-style-positionlist-style@ルール@keyframesUI関連cursoroutlineoutline-offsetoutline-widthoutline-styleoutline-colorカウンターcounter-incrementcounter-resetテーブル(表)テキスト関連white-spacetext-transformtext-shadowtext-overflowtext-decorationtext-decoration-styletext-decoration-linetext-decoration-colortext-align-lasttext-indenttext-alignフィルター効果filterフォーマットline-heightletter-spacingフォント@font-facefontfont-size-adjustfont-stretchfont-familyfont-sizefont-variantfont-stylefont-weightフレックスボックスフロートclipfloatclearボックスモデルwidthheightmin-widthmin-heightmax-widthmax-heightvisibilitybox-sizingoverflowoverflow-yoverflow-xマージンmarginmargin-topmargin-rightmargin-bottommargin-leftpaddingpadding-toppadding-rightpadding-bottompadding-leftメディアクエリ@mediaリストlist-style-imagelist-style-typelist-style-positionlist-style変形transitiontransition-timing-functiontransition-propertytransition-delaytransition-durationtransformtransform-styletransform-origin段組みcolumnscolumn-rule-stylecolumn-rule-widthcolumn-rule-colorcolumn-rulecolumn-spancolumn-fillcolumn-gapcolumn-widthcolumn-count罫線borderborder-styleborder-colorborder-widthborder-topborder-top-styleborder-top-colorborder-rightborder-top-widthborder-right-styleborder-right-colorborder-right-widthborder-bottomborder-bottom-styleborder-bottom-colorborder-bottom-widthborder-leftborder-left-styleborder-left-colorborder-left-widthborder-imageborder-image-sourceborder-image-widthborder-image-sliceborder-image-outsetborder-image-repeatborder-radiusborder-bottom-left-radiusborder-bottom-right-radiusborder-top-right-radiusborder-top-left-radius背景backgroundbackground-imagebackground-attachmentbackground-clipbackground-colorbackground-originbackground-repeatbackground-size色opacity色と透明度color装飾box-shadow記述法backface-visibilityvertical-alignuser-select配置displayrightlefttopbottompositionz-index「WWWクリエイターズ」は、より多くの人が開発とウェブを楽しむための目指したウェブサイトです。コマンドラインやgitなど、開発ビギナーのつまづきやすい部分を共有しています。})(jQuery);閉じる。