ブックマーク / morobrand.net (1)

  • counter-incrementプロパティを使って自動連番を実現する

    counter-incrementプロパティは、Q&Aやサイトマップ、よくある質問などを記載する時に、テキストの先頭に数字を連番で割り振りたい場合などに利用できます。単なる連番であれば、ulタグやolタグで実現可能ですが、「第1章」や「Q1.」などのように数字と文字を合わせて挿入することは出来ません。そういった際にcontentプロパティを使用します。 カウンタの制御は、counter()、またはcounters()の形式で、()内に「カウンタ名やスタイル(list-style-type)、区切り文字をcontentプロパティに指定します。通常のカウンタはcounter()を用いて、同じカウンタ名のリストがネストされた入れ子構造のリスト等の場合には、counters()で一括指定が可能です。

    counter-incrementプロパティを使って自動連番を実現する
    h-a-t-e-h-a-t-e-h-a-t-e-n-a
    h-a-t-e-h-a-t-e-h-a-t-e-n-a 2015/12/15
    CSSで連番などをふる
  • 1