dl要素を美しくデザインするスタイルシートのまとめ | コリス
実用的なものからちょっとトリッキーなものまで、dl要素を使った美しいデザインのスタイルシートを紹介します。 In Defence of the Definition List HTML <dl class="wrapper1"> <dt>News Item 1</dt> <dd><div class="div1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum orci eu purus viverra imperdiet. Cras scelerisque commodo dictum. Mauris sed libero non justo adipiscing tempor tincidunt eget eros. Praesent eu cursus enim. Donec d
HTML5 の dl 要素
HTML5 の 2010 年 3 月 4 日付 W3C 草案 で、dl 要素は以下のように定義されています: The dl element represents an association list consisting of zero or more name-value groups (a description list). Each group must consist of one or more names (dt elements) followed by one or more values (dd elements). Within a single dl element, there should not be more than one dt element for each name. HTML4 では、dl 要素は definition list (定義リスト)
dl 要素 - コンテンツのグループ化 - HTML要素 - HTML5 タグリファレンス - HTML5.JP
4.4.8 dl 要素 カテゴリー: フロー・コンテント この要素の子が少なくとも 1 つの name-value グループを含む場合: パルパブル・コンテント この要素を使うことができるコンテキスト: フロー・コンテントが期待される場所 コンテントモデル: 0 個以上のグループ。それぞれのグループは、1 個以上の dt 要素、それに続いて 1 個以上の dd 要素、そして任意の場所でスクリプトサポート要素から構成される。 コンテント属性: グローバル属性 text/html におけるタグの省略: どちらのタグも省略できません。 指定可能な ARIA role 属性 の値: あらゆるロールの値 指定可能な ARIA ステートとプロパティ属性: グローバル aria-* 属性 許可ロールに該当する aria-* 属性 DOM インタフェース: interface HTMLDListEleme
display プロパティで list-item を指定すれば任意要素に list-style-type が設定できる
ul 要素、ol 要素、l i要素では list-style-type を設定することができますが、dl 要素など定義型リストなどには list-style-type を設定することができません。しかし display プロパティで list-item を設定することで他の要素にも設定することができます。例を以下に書いておきましたので参考にしてください。 ソースコード CSS dl { margin: 10px; padding: 0; } dl dt { margin-left: 10px; display: list-item; list-style-type: square; } dl dd { margin-left: 20px; }
HTMLの要素・定義リスト(dl)
dl要素 dt要素とdd要素をまとめて、dl要素として全体を括ります。「定義リスト」と呼ばれるものの、必ずしも「定義」に限定されません。 dt・ddをグループ化する以外の用途には全く使用できません。即ち、dlの直下にはdt・dd以外、いかなる要素も出現してはなりません。HTML 4.01のDTDでは、ins/del要素を記述できます。ただし、ins/delの記述が無視された時、dt/ddが適切に出現する事が必要です。 dlの中のdt、ddの出現順序は、DTDでは決りがありません。dtとddが交互に出現するのが「普通」ですが、しなくとも、DTDによれば全く問題はありません。dlの中には、dt、ddのどちらかが最低1度は出現すれば良い、とされ、それ以上の決りはありません。ただし、仕様的に、dtが先行して出現する事は必要であるみたいです。 dl中の特定のdtとddとがセットである、と解釈すること
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
