SSブログ

リストのスタイルを一括で指定する。

CSS
リストについてのことで、これまで書いたリスト関連のスタイルを一括で指定するためのプロパティです。

リスト関連のスタイルを一括で指定する場合は、list-styleのプロパティを使います。

list-styleプロパティの値には
list-style-type、list-style-image、list-style-positionの各プロパティの値になります。
値の間は、半角スペースで区切り、指定する順番はありません。
ただし
list-style-type、list-style-imageのプロパティの値を
同時に指定した場合は
list-style-imageのプロパティの値が優先されます。

CSSの記述例は、次のようになります。
ul.liliststyle_property{
list-style:lower-alpha inside;
}

htmlの記述例は、次のようになります。
<ul class="liliststyle_property">
<li>セレクタ</li>
<li>プロパティ</li>
<li>値</li>
</ul>


  • セレクタ
  • プロパティ

    まとめ
  • リストのスタイルを一括で指定する場合、list-styleのプロパティを使う。

  • list-styleの値には、list-style-type、list-style-image
    list-style-positionの各プロパティの値を設定する。

  • list-style-type、list-style-imageを同時に設定した場合は、list-style-imageの値が優先される。




かなり前に書いたので、どこまで書いていたか、どんなふうに書いていたか思い出せませんでした。
こんな感じに書いていたと思うのですが
nice!(1)  コメント(0)  トラックバック(0)  [編集]
共通テーマ:パソコン・インターネット

nice! 1

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

トラックバックの受付は締め切りました
広告スペース
Copyright © HTMLの基本から勉強してみる All Rights Reserved.

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。