Let's begin CSS -- 4.8
4.8 自動生成(1) CSS には，文書言語のソース中にないテキスト・画像などを挿入する機構がある。これを用いることにより，たとえば，“注意：”などの文字列を注意事項のパラグラフの前に自動的に生成させたり，見出しに“第 4 章”のような連番を自動的につけたりできる。ここでは，その基本を解説する。 :before および :after 擬似要素 :before 擬似要素および :after 擬似要素は，その名のとおり，要素の内容の前（:before 擬似要素）または後（:after 擬似要素）にテキストなどを挿入するための擬似要素である。これは，ご覧いただいてわかるように，植字擬似要素と同じく，先頭にコロン「:」がついている。 :before :after これを用いて，例えば，CLASS 属性に“note”を含むような P 要素について，先頭に“Note. ”という文字列を自動的に挿入さ
CSS（スタイルシート）で連番・項目名などを付ける｜web bibo
contentプロパティを使って、項目の前に「Q.」「A.」を挿入 まずは、HTMLを記述 <dl id="faq"> <dt>質問</dt> <dd>テキストテキスト</dd> <dd>テキストテキスト</dd> <dt>質問</dt> <dd>テキストテキスト</dd> <dd>テキストテキスト</dd> <dt>質問</dt> <dd>テキストテキスト</dd> <dd>テキストテキスト</dd> </dl> 次に、項目の前に「Q.」を挿入するCSS（スタイルシート）を記述します。 <dt>タグにcounter-incrementを指定。任意の値（今回はquestion）を付けます。:before疑似要素を使ってcontent: counter();を指定します。 #qa dt { counter-increment: question; } #qa dt:before { cont
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
