Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

LISTリストTOPCSSPropertiesList

  1. list-style-typeリストマーカーの種類
  2. list-style-positionリストマーカーの位置
  3. list-style-imageリストマーカーに使用する画像
  4. list-styleリストスタイルのショートハンドプロパティ

list-style-typeリストマーカーの種類

プロパティの値disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit
初期値disc
対象要素display: list-item'の値を持つ要素
継承する
%無効
メディアvisual
W3C Ref.CSS2.1CSS3

プロパティの書式と機能

リスト項目で使用するマーカーの形状を指定します。

プロパティの書式機能(リストマークの形状)
list-style-type: none無し
list-style-type: disc黒丸
list-style-type: circle白丸
list-style-type: square四角
list-style-type: decimal1, 2, 3, ・・・
list-style-type: lower-romani, ii, iii, ・・・
list-style-type: upper-romanI, II, III, ・・・
list-style-type: lower-alpha / lower-latina, b, c, ・・・
list-style-type: upper-alpha / upper-latinA, B, C, ・・・
list-style-type: decimal-leading-zero01, 02, 03, ・・・
list-style-type: hebrewヘブライ数字
list-style-type: armenianアルメニア数字
list-style-type: georgianグルジア数字
list-style-type: cjk-ideographic一、二、三, ・・・
list-style-type: hiraganaあ、い、う, ・・・
list-style-type: katakanaア、イ、ウ, ・・・
list-style-type: hiragana-irohaい、ろ、は, ・・・
list-style-type: katakana-irohaイ、ロ、ハ, ・・・
list-style-type: lower-greekα、β、γ, ・・・
list-style-type: upper-greekΑ、Β、Γ, ・・・
list-style-type: inherit継承

EXAMPLE

<ul>
	<li>いちご</li>
	<li>みかん</li>
	<li>りんご</li>
</ul>
ul	{list-style-type:decimal}	リストの親要素に対して指定
  • いちご
  • みかん
  • りんご
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.