最新のWeb開発のチュートリアル
 

Style listStyle Property

<スタイルオブジェクト

リストのスタイルを変更します。

document.getElementById("myList").style.listStyle = "decimal inside";
»それを自分で試してみてください

定義と使用法

listStyleプロパティセットまたは短縮形で、3つの別々のリストプロパティまで戻ります。

このプロパティを使用すると、返却/(任意の順序で)次の一つ以上を設定することができます。

  • リストスタイルのタイプ
  • リストスタイルの位置
  • リストスタイル画像

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

listStyleプロパティは、すべての主要なブラウザでサポートされています。


構文

listStyleプロパティを返します:

object .style.listStyle

listStyleプロパティを設定します。

object .style.listStyle=" プロパティ値
パラメーター 説明
type リスト項目のマーカータイプを定義します
position 体位リスト項目のマーカー
image リスト項目のマーカーとして使用する画像を定義します
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: いずれも外部のディスク
戻り値: リストのスタイルを表す文字列、
CSSのバージョン CSS1

その他の例

リストの種類や位置を変更し"square inside"

document.getElementById("myList").style.listStyle = "square inside";
»それを自分で試してみてください

リストスタイルを返します:

document.getElementById("myList").style.listStyle;
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSS一覧

CSSリファレンス: list-style property


<スタイルオブジェクト