CSS2.1まとめ書き-list-style編(HTML・CSSリファレンス)
1年以上前の記事です。内容が古い可能性があります。
CSS2.1まとめ書きは今回のlist-styleで一応最終回にしたいと思います。
margin、padding等もありますがこの辺りはまあ、紹介するまでもないだろうということで。。
ってか、CSS2.1の地点で今さら何をという話なんですけどね。
▼もうそろそろこちらを勉強した方がいいかもしれません。
こちらもまずは各プロパティを解説。よく使う書き方で説明します。
リストの先頭に付けるマークの種類を設定するプロパティです。
「none」を指定してリストマークを消すのに使うことが一番多いと思います。
他にdisc(黒丸)、circle(白丸)、square(黒四角)等の指定ができます。
また、順リスト用にupper-roman(ローマ数字)、decimal(算用数字)等の指定もあります。
リストの先頭に付ける画像を設定するプロパティです。
「url(イメージのパス)」という値になります。
パス表記は絶対パス、相対パスどちらでも可です。
リストマークの位置を「inside」内側か「outside」外側かを指定します。
初期値は「outside」です。
で、これらをまとめて書く場合は以下のようになるわけです。
これも順序は問いません。
したがって以下のようにも書けるわけです。
ちなみに、「list-style-type」と「list-style-image」両方を設定している場合は「list-style-image」が優先されます。
「list-style」に関してはあまりまとめ書きをする利点、感じられません。
ぶっちゃけ、 「list-style-type」と「list-style-position」は初期値でいいですし。
ただ、
や
などを書くときに
や
などと省略して書けるのは便利だと思います。
アドセンス広告メイン
関連記事
-
-
リストタグ(<UL>、<OL>)の左マージンはpadding-left。<DL>だけmargin-left【Webデザイン・CSS】
1年以上前の記事です。内容が古い可能性があります。Webデザインをする上でかねて …
-
-
人気が出る写真の法則。人の顔はNG。背景は控えめに等
1年以上前の記事です。内容が古い可能性があります。インターネット上には数多くのデ …
-
-
電子カタログ(デジタルカタログ)も差別化の時代へ
1年以上前の記事です。内容が古い可能性があります。かつてはかなり高額だった電子カ …
-
-
ビデオをWebに公開したいらしい
1年以上前の記事です。内容が古い可能性があります。というお客の指示が。 で、
-
-
「position:absolute」の親要素に「relative」は世代を超えて設定可能【Webデザイン・CSS】
1年以上前の記事です。内容が古い可能性があります。CSSを使ったWebデザインで …
-
-
遂に出た!! ネット上のスタンプラリー
1年以上前の記事です。内容が古い可能性があります。かねてから個人的に提唱していた …
-
-
ゴールデンタイム
1年以上前の記事です。内容が古い可能性があります。インターネットのゴールデンタイ …
-
-
今更ながらFacebook(フェイスブック)のファンページを作ってみた【Facebookページの作り方01】
1年以上前の記事です。内容が古い可能性があります。意外と「いいね!」の多い記事な …
-
-
続きはWebで。
1年以上前の記事です。内容が古い可能性があります。そろそろ「続きはWebで」につ …
-
-
ネットの犯罪抑止力
1年以上前の記事です。内容が古い可能性があります。ネットの普及は犯罪抑止になって …








