WEB技術の辞書・解説・使用例

TOP > HTML >  HTMLタグ辞典 >  <details>
<details>  文章 

初期状態では非表示にしておき、クリックなどで表示させるタグ。


<summary>~</summary>タグで囲んだ文章のみ初期表示されます。

<details>
<summary>補足</summary>
松島のあとに平泉にいってきました。
</details>

補足(クリックしてみて下さい。) 松島のあとに平泉にいってきました。



HTMLの一般属性

属性説明
class="~"クラス名を指定。使用例
id="~"IDを指定します。使用例
style="~"スタイルシートを直接記述。使用例
title="~"タイトルを指定します。
dir="ltr|rtl"文字の表示方向を指定。 ltr(左から右)、rtl(右から左)
lang="~"言語を指定。日本語の場合は"ja"

HTML5の一般属性

属性説明
accesskey="キー"アクセスキーを指定。
tabindex="数値"タブインデックスを指定。
contenteditable="true|false|inherit"要素を編集可能に。true(する) false(しない) inherit(既定値、親要素の属性を継承)
contextmenu="id"コンテキストメニューを指定。
draggable="true|false"ドラッグを可能に。true または false を指定
dropzone="~"ドロップを可能に。
hidden要素を非表示に。
spellcheck="true|false"自動スペルチェック機能。true または false を指定