タグ

ブックマーク / control.shado.jp (1)

  • リスト要素でカッコ付き数字や丸囲み数字を使うには「text-indent」をマイナスにする | ネットに書かれていないことを綴る

    富士通館林システムセンターの電源装置故障はUPSの切替動作障害」で引用したソニー銀行リリース文中で、リスト要素がカッコ付き数字になっている。これはどうやって表現しているのか。ソースとスタイルシートを見ると、カッコ付き数字はそのまま文に書き、text-indentプロパティをマイナスにして、その分だけpadding-leftプロパティをプラスにしていた。なるほど、これでマーカーなしにすれば、カッコ付き数字や丸囲み数字のリストが出来る。 OKWaveでは、リスト項目ごとに<div>タグでスタイルを適用する方法をベストアンサーにしているが、リストなのだから<ul>タグ、<li>タグで表現するほうがよい。 OKWave「リストの記号を括弧付きの文字にしたい」 ということで、スマートな記述がこれ。マーカーなしにすると、その分だけ全体がインデントされたように見えるので、左マージンをマーカーの幅だけ

    t-abe
    t-abe 2015/12/21
    リスト要素 ol ul で丸付き数字やカッコつき数字
  • 1