CSS3 Pre-Reference



::marker

マーカー要素

試す

コード

#containe li::marker {
content: "(" counter(counter) ")";
width: 6em;
text-align: center;
}
#containe li {
display: list-item;
counter-increment: counter;
}

サンプル

対応している場合、マーカーは(1)、(2)、(3)…と表示されます

  1. その後(けむり)したから火がある。吾輩がない、
  2. 腹がこんな片輪(があとで運転して勤まるものであるか
  3. 自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。
  4. 到底(あと)ってしまった。これは減る、しばらくしているがない。
  5. これを守らなければなら家内(めしびつ)まれた御馳走は人を見出(こたつ)って
  6. 一間(まった上、朝は我儘(と見えてこれをかぶせたり、今日(かない)ねばよい
  7. 昼ははなはだ不人望で泣き出すので正当に住んであるまい。しかもあとって行くと。
  8. その後(たび)める事やらいくら出してやれといったまま奥へ這入(はい)ったら書生の上から食物(とうてい)いての中である。

コメントする


対応ブラウザ

Firefox
まだ
Chrome/Safari
まだ
Opera
まだ
InternetExplorer
まだ

パラメータ

レベル 2-
参考文献 CSS3 module: Lists#9. Markers: The ::marker pseudo-element

解説

リストのマーカー要素を生成します。

マーカーボックスというボックスを生成します。マーカーボックスをインラインブロックボックスとして生成するか、インラインボックスとして生成するかは'list-style-position'の指定に依ります。

トラックバック

投稿されたコメント