無料ホームページ作成!CSS・スタイルシート
リスト項目のスタイル

無料ホームページ作成!CSS・リスト
リスト項目のスタイル

ホームページのリスト項目のスタイルの指定

list-style-type属性

このlist-style-type属性はリスト項目のスタイルを指定できる属性です、<ul><ol><li>タグに宣言でき、<ul><ol>タグに宣言すると<li>タグにも値が宣言されます。
色なども設定できますのでcolor属性の宣言なども考えてもいいと思います。

list-style-type属性の使い方

CSSソース

セレクタ{
	list-style-position:inside;
	list-style-type:disc;
}
 
結果

list-style-type属性で宣言できる値

ul用
概要
none 表示しない
disc 黒い丸で表示
circle 白い丸で表示
square 黒い四角で表示
ol用
概要
none 表示しない
decimal 1、数字で表示
lower-roman i、小文字ローマ字で表示
upper-roman I、大文字ローマ字で表示
lower-algha a、小文字のアルファベットで表示
upper-alpha A、大文字のアルファベットで表示
lower-greek※1 α、小文字のギリシャ文字で表示
cjk-ideographic※1 一、漢字で表示
hiragana※1 あ、ひらがなで表示
hiragana-iroha※1 い、ひらがなのいろはで表示
katakana※1 ア、カタカナで表示
katakana-iroha※1 イ、カタカナのイロハで表示
decimal-leading-zero※1 01、0を頭に付けた数字で表示

※1:対応していないブラウザが多いため使わないほうがよいでしょう。

値の使用例

一緒に色やフォントなどを宣言することができるので、色々試してみるとよいでしょう。

無料ホームページ作成!メニュー

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS