1. ウェブ
  2. HTML
  3. リファレンス
  4. 属性

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTML 属性リファレンス

HTML 要素には属性が存在します。これは、ユーザーが求める基準を満たすために、要素を構成したり、さまざまな方法で動作を調整したりするための追加の値です。

属性一覧

属性名 要素 説明
accept <form>, <input> サーバーの受容する型のリストです。ふつうはファイル形式です。
accept-charset <form> 文字集合であり、指定した場合は "UTF-8" でなければなりません。
accesskey グローバル属性 要素をアクティブ化したり、フォーカスを与えたりするためのショートカットキーです。
action <form> フォーム経由で送信される情報を処理するプログラムの URI です。
align <caption>, <col>, <colgroup>, <hr>, <iframe>, <img>, <table>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr> 要素の水平方向の配置を指定します。
allow <iframe> iframe の機能ポリシーを指定します。
alpha <input> type="color" 入力フィールドで、ユーザーが色の不透過度を選択することができるようにします。
alt <area>, <img>, <input> 画像が表示できない場合の代替テキストです。
aria-* All elements 要素のアクセシビリティツリーにおけるステートやプロパティを変更します。適用可能性は具体的な ARIA 属性によって異なります。
as <link> リンクで読み込むコンテンツの種類を指定します。
async <script> スクリプトを非同期で実行します。
autocapitalize グローバル属性 ユーザーによる入力が入力欄で自動的に大文字化されるかどうかを設定します。
autocomplete <form>, <input>, <select>, <textarea> このフォーム内のコントロールが、ブラウザーによる値の自動補完を既定で許容するかを示します。
autoplay <audio>, <video> オーディオやビデオが再生可能になった時点で自動再生を開始します。
background <body>, <table>, <td>, <th> 画像ファイルの URL を指定します。

メモ: ブラウザーや電子メールクライアントはまだこの属性に対応していますが、廃止済みです。代わりに CSS の background-image を使用してください。

bgcolor <body>, <col>, <colgroup>, <marquee>, <table>, <tbody>, <tfoot>, <td>, <th>, <tr>

要素の背景色です。

メモ: これは古い属性です。代わりに CSS の background-color プロパティを使用してください。

border <img>, <object>, <table>

境界線の幅です。

メモ: これは古い属性です。代わりに CSS の border プロパティを使用してください。

capture <input> Media Capture 仕様書から、キャプチャできる新しいファイルを指定します。
charset <meta> ページまたはスクリプトの文字エンコーディングを宣言します。
checked <input> ページ読み込み時に要素にチェックを入れておくかどうかを指定します。
cite <blockquote>, <del>, <ins>, <q> 引用元または変更点の情報源を指す URI を格納します。
class グローバル属性 よく使われるプロパティで要素にスタイルを適用するために CSS と共によく用いられます。
color <font>, <hr>

この属性は色名または16進数の #RRGGBB 形式を用いて文字色を設定します。

メモ: これは古い属性です。代わりに CSS の color プロパティを使用して下さい。

colorspace <input> type="color" 入力要素で使用される色空間を定義します。
cols <textarea> テキストエリアの桁数 (水平方向の文字数) を定義します。
colspan <td>, <th> colspan 属性はテーブルのセルを結合する列数を定義します。
content <meta> 状況に応じて、 http-equiv または name に関連した値です。
contenteditable グローバル属性 要素の内容が編集可能であるかどうかを示します。
controls <audio>, <video> 再生コントロールをユーザーに表示すべきかどうかを示します。
coords <area> ホットスポット領域の座標を指定するための値のセットです。
crossorigin <audio>, <img>, <link>, <script>, <video> 要素がオリジン間リクエストをどう扱うか
csp <iframe> 埋め込まれた文書が管理されるためのコンテンツセキュリティポリシーを指定します。
data <object> リソースの URL を指定します。
data-* グローバル属性 HTML 要素にカスタム属性が添付できるようにします。
datetime <del>, <ins>, <time> 要素に関連付けられた日時を示します。
decoding <img> 画像をデコードする推奨の方法を示します。
default <track> ユーザー設定によって異なることが示されていない限り、トラックが有効であることを示します。
defer <script> ページの解釈が完了した後に実行するスクリプトであることを示します。
dir グローバル属性 テキストの書字方向を定義します。使用できる値は ltr (Left-To-Right) または rtl (Right-To-Left) です。
dirname <input>, <textarea>
disabled <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> 閲覧者によるコントロールの操作を無効にするかどうかを示します。
download <a>, <area> リソースをダウンロードするためのハイパーリンクであるかどうかを示します。
draggable グローバル属性 要素がドラッグ可能であるかどうかを示します。
enctype <form> method 属性が POST である場合に、フォームデータのコンテンツ型を定義します。
enterkeyhint <textarea>, contenteditable enterkeyhint は、仮想キーボードの Enter キーにあるアクションラベル (またはアイコン) が何であるかを指定します。この属性はフォームコントロール (textarea 要素の値など) と共に、または編集対象となっている要素 (例えば contenteditable 属性の使用など) の中で使用することができます。
elementtiming <img>、<image> のうち <svg> の中にあるもの、<video> 要素のポスター画像、background-image を持つ要素、<p> のようにテキストノードを持つ要素 この要素は、PerformanceObserver オブジェクトで "element" 型を使用して、追跡対象としてマークされていることを示します。詳細については、PerformanceElementTiming インターフェイスを参照してください。
fetchpriority <img>, <link>, <script> 読み込みプロセスの初期段階で特定の画像を取得することが、ユーザー体験に与える影響の程度について、ブラウザーが内部的な優先順位を割り当てる際に合理的に推測できる範囲を超える情報を示すものです。
for <label>, <output> この要素が属する要素を指定します。
form <button>, <fieldset>, <input>, <object>, <output>, <select>, <textarea> その要素が所属するフォームを示します。
formaction <input>, <button> その要素のアクションを示します。 <form> で定義されたアクションを上書きします。
formenctype <button>, <input> button や input が送信ボタンである場合 (type="submit")、この属性はフォーム送信で使用するエンコーディング型を設定します。この属性が指定された場合、ボタンを所有するフォームの enctype 属性より優先されます。
formmethod <button>, <input> button や input が送信ボタンである場合 (type="submit")、この属性はフォーム送信で使用する送信メソッド (GET, POST, など) を設定します。この属性が指定された場合、ボタンを所有するフォームの method 属性より優先されます。
formnovalidate <button>, <input> button や input が送信ボタンである場合 (type="submit")、この論理属性はフォームが送信時に検証されないことを指定します。この属性が指定された場合、ボタンを所有するフォームの novalidate 属性より優先されます。
formtarget <button>, <input> button や input が送信ボタンである場合 (type="submit")、この属性はフォームを送信した後で受け取るレスポンスを表示する閲覧コンテキスト (例えば、タブ、ウィンドウ、インラインフレーム) を指定します。この属性が指定された場合、ボタンを所有するフォームの target 属性より優先されます。
headers <td>, <th> この要素に適用する <th> 要素の ID。
height <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>

ここに挙げた要素の高さを指定します。他の要素では、 height プロパティを使用してください。

メモ: <div> など一部の要素では、これは古い属性であり、代わりに CSS の height プロパティを使用してください。

hidden グローバル属性 この要素のレンダリングを抑制しますが、 script 要素などの子要素は有効なままにします。
high <meter> 最大値の下限を示します。
href <a>, <area>, <base>, <link> リンクされたリソースの URL です。
hreflang <a>, <link> リンクされたリソースの言語を指定します。
http-equiv <meta> プラグマディレクティブを定義します。
id グローバル属性 特定の要素へスタイルを設定するために CSS と共によく使われます。この属性の値は一意でなければなりません。
integrity <link>, <script>

この属性には、リソースの 1 つ以上の ハッシュ が含まれており、リソースのコンテンツが開発者が想定した通りであり、サプライチェーン攻撃 によって悪意のあるコピーに置き換えられていないことを保証するために使用されます。

サブリソースの完全性を参照してください。

inputmode <textarea>, contenteditable 要素やその内容を編集する際に、ユーザーが入力する可能性のあるデータの種類のヒントを提供します。この属性はフォームコントロール (textarea 要素の値など) と共に、または編集対象となっている要素 (例えば contenteditable 属性の使用など) の中で使用することができます。
ismap <img> 画像がサーバーサイドイメージマップの一部であることを示します。
itemprop グローバル属性
kind <track> テキストトラックの種類を指定します。
label <optgroup>, <option>, <track> ユーザーが読める形の要素のタイトルを指定します。
lang グローバル属性 要素内で用いられている言語を定義します。
language <script> 要素で使用しているスクリプト言語を定義します。
loading <img>, <iframe> 要素を遅延読み込みさせたいか (loading="lazy") または直ちに読み込ませたいか (loading="eager") を示します。
list <input> ユーザーに提案するため、事前に定義した選択肢のリストを示す。
loop <audio>, <marquee>, <video> メディアの再生が完了した後、始めから再生を開始するかを示します。
low <meter> 最小値の上限を示します。
max <input>, <meter>, <progress> 許容される最大の値を示します。
maxlength <input>, <textarea> 要素が許容する最大文字数を定義します。
minlength <input>, <textarea> 要素が許容する最小文字数を定義します。
media <a>, <area>, <link>, <source>, <style> リンクされたリソースがどのメディアに対して設計されたかを指定します。
method <form> フォームを送信する際に使用する HTTP メソッドを定義します。 GET (既定値) または POST が指定可能です。
min <input>, <meter> 許容される最小の値を示します。
multiple <input>, <select> input で type が email または file の input ものでは、複数の値を入力可能かどうかを示します。
muted <audio>, <video> ページ読み込み時に音声を無音にするかどうかを示します。
name <button>, <form>, <fieldset>, <iframe>, <input>, <object>, <output>, <select>, <textarea>, <map>, <meta>, <param> 要素の名前です。例えば、送信されたフォームでサーバーがフィールドを識別するために使用します。
novalidate <form> 送信時にフォームが検証しないことを示す属性です。
open <details>, <dialog> コンテンツが現在表示されているか（<details> 要素の場合）、ダイアログがアクティブで対話可能か（<dialog> 要素の場合）を示します。
optimum <meter> 最適な値を示します。
pattern <input> 要素の値を検証するための正規表現を定義します。
ping <a>, <area> ping 属性は、ユーザーがハイパーリンクをたどる場合に通知される URL のリストを空白区切りで指定します。
placeholder <input>, <textarea> フィールドが何を入力するものであるかのヒントを閲覧者に対し提供します。
playsinline <video> 論理属性で、動画が「インライン」で再生されること、つまり、要素の再生領域内で再生されることを示します。この属性がないからといって、動画が常に全画面で再生されるわけではないことに注意してください。
poster <video> ユーザーが再生やシークを行うまでの間に表示するポスターフレームの URL です。
preload <audio>, <video> リソースの全体または一部の事前読み込みを行う、あるいは事前読み込みを行わないことを示す。
readonly <input>, <textarea> 要素が編集できるかどうかを示す。
referrerpolicy <a>, <area>, <iframe>, <img>, <link>, <script> リソースにアクセスする際にどのリファラーが送信されるかを指定します。
rel <a>, <area>, <link> リンク先オブジェクトとリンク元オブジェクトとの関係を指定します。
required <input>, <select>, <textarea> 入力が必須の要素であるかを示します。
reversed <ol> リストを昇順ではなく降順に表示することを示します。
role グローバル属性 支援技術が使用するための要素の明示的な役割を定義します。
rows <textarea> テキストエリアの行数を定義します。
rowspan <td>, <th> テーブルセルがまたがる行数を定義します。
sandbox <iframe> iframe に読み込まれた文書で特定の機能 (フォームの投稿や新しいウィンドウを開くなど) を使用するのを阻止します。
scope <th> (th 要素で定義される) ヘッダーが関連するセルを定義します。
selected <option> ページ読込時に、対象要素を選択状態にします。
shape <a>, <area>
size <input>, <select> 要素の幅を（ピクセル数で）定義します。要素の type 属性が text または password である場合は文字数になります。
sizes <link>, <img>, <source>
slot グローバル属性 要素にシャドウ DOM のシャドウツリーのスロットを割り当てます。
span <col>, <colgroup>
spellcheck グローバル属性 要素のスペルチェックを有効にするかどうかを示します。
src <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>,