open属性

このエントリーをはてなブックマークに追加

open属性は要素の詳細を表示するかどうかを制御できる属性です。

detail要素

detail要素ではopen属性を付加することで詳細が最初から表示された状態で表示することができます。

<details open>
  <summary>ファイル変換中 <progress max="375505392" value="97543282"></progress> 25%</summary>
  <dl>
   <dt>変換速度:</dt> <dd>452KB/s</dd>
   <dt>変換元ファイル名:</dt> <dd>/home/rpausch/raycd.m4v</dd>
   <dt>変換後ファイル名:</dt> <dd>/var/www/lectures/raycd.m4v</dd>
   <dt>期間:</dt> <dd>01:16:27</dd>
  </dl>
</details>

dialog要素

details要素は2014年2月4日の仕様までは存在しましたが、2014年4月29日の仕様で削除されました。

dialog要素ではopen属性を付加することで詳細が最初から表示された状態で表示することができます。

<dialog open>
 <p>ダイアログを表示</p>
</dialog>

登録日 : 2014年05月18日 最終更新日 : 2015年2月8日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス