HTML

del dateTimeプロパティは、HTML DOMにおいて<del>要素に関連付けられたプロパティで、Webページ上のテキストがいつ削除されたのかをユーザーに伝えるために使用します。具体的には、テキストが削除された日付と時刻を「YYYY-MM-DDThh:mm:ssTZD」形式で取得・設定することができます。 del dateTimeプロパティの構文 dateTimeプロパティを設定する場合の基本的な構文は以下のとおりです。 delObject.dateTime = YYYY-MM-DDThh:mm:ssTZD 各値の意味は次のようになっています。 YYYY … 年（4桁）

HTML DOM の Del オブジェクトは、HTML の <del> 要素に関連付けられたオブジェクトです。このオブジェクトを使用することで、文書内の削除されたテキストを示す <del> 要素を作成したり、既存の要素にアクセスしたりすることができます。<del> 要素は、ドキュメントから削除された内容や取り消し線で表示したいテキストをマークアップする際に使われ、ブラウザ上では通常、テキストに打ち消し線が引かれた状態で表示されます。Del オブジェクトのプロパティDel オブジェクトには、以下の主要なプロパティが用意されています。番号プロパティと説明1cit

HTML DOMのdesignModeプロパティを使用すると、ドキュメント全体が編集可能かどうかを指定できます。このプロパティを活用することで、HTMLドキュメントはWYSIWYG（What You See Is What You Get：見たままが得られる）エディターのように動作し、ブラウザ上で直接HTMLドキュメントを編集できるようになります。designModeプロパティのデフォルト値は「off」に設定されており、これを「on」に変更することで、ドキュメントの編集が可能になります。構文designModeプロパティを設定する際の構文は以下の通りです。document.designMode

HTML DOMのDetailsオブジェクトは、HTMLの<details>要素に関連付けられたオブジェクトです。<details>要素を活用することで、ユーザーがクリックして開いたときにだけ内容が表示される、折りたたみ可能な情報ブロックを作成できます。FAQや補足説明など、ページをすっきりと見せたい場面で活躍します。DetailsオブジェクトのプロパティDetailsオブジェクトには、次のプロパティが用意されています。番号プロパティと説明1opendetailsの内容をユーザーに表示するかどうかを設定、または取得します。openプロパティの使い方openプロパティにt

Details openプロパティとはHTML DOMのDetails openプロパティは、HTMLの<details>要素が持つopen属性に関連付けられたプロパティです。この属性はブール値（true/false）を取り、<details>要素内の詳細情報をユーザーに表示するかどうかを指定します。trueを設定すると詳細内容が表示され、falseを設定すると非表示になります。デフォルト状態では、詳細は非表示になっています。構文Details openプロパティを設定するための構文は以下のとおりです。detailsObject.open = true|falsetru

HTML DOMのDFNオブジェクトは、HTMLの<dfn>要素に対応するオブジェクトです。<dfn>要素内に記述されたテキストは、その前後の文脈において「定義される用語」であることを示します。DFNオブジェクトを使うことで、この<dfn>要素をJavaScriptから動的に生成・操作できるようになります。 構文 DFNオブジェクトを作成する基本的な構文は以下のとおりです。 var p = document.createElement(DFN); サンプルコード ここでは、HTML DOM DFNオブジェクトの具体的な使用例を見ていきましょう。ボタンをクリッ

backgroundプロパティとはHTML DOMのbackgroundプロパティは、要素に関連付けられた背景画像や背景色を設定・取得するために使用されるプロパティです。ショートハンド（一括指定）プロパティとして機能し、最大8つの個別プロパティをまとめて操作できるのが特徴です。構文backgroundプロパティを設定する際の構文は以下のとおりです。object.style.background = color image repeat attachment position size origin clip|initial|inherit指定できる値の一覧backgroundプロパティには、以

backgroundAttachmentプロパティとはbackgroundAttachmentプロパティは、背景画像をページのコンテンツに合わせてスクロールさせるかどうかを設定・取得するために使用されるプロパティです。Webページをスクロールした際に背景画像を固定して表示したい場合や、逆にコンテンツと一緒に背景を動かしたい場合など、背景画像のスクロール挙動を柔軟に制御できます。構文（シンタックス）backgroundAttachmentプロパティを設定する場合の構文は以下の通りです。object.style.backgroundAttachment = "scroll|fixed|l

backgroundClip プロパティは、背景画像や背景色がどこまで描画されるか、つまり「背景の描画領域」を制御するためのプロパティです。JavaScript を使って、この描画領域を設定したり、現在の値を取得したりすることができます。 構文（Syntax） backgroundClip プロパティを設定する場合の構文は以下のとおりです。 object.style.backgroundClip = border-box | padding-box | content-box 指定できる値（Values） backgroundClip プロパティには、次の3つの値を指定できます。 番号値と

backgroundColor プロパティは、要素の背景色を設定または取得するために使用されます。値は、標準的なカラーネーム、rgb()、rgba()、hsl()、hsla() など、さまざまな形式で指定できます。 構文 backgroundColor プロパティの基本的な構文は以下のとおりです。 背景色を設定する場合： object.style.backgroundColor = color|transparent; プロパティの値 このプロパティに指定できる値は、次の2種類です。 番号値と説明 1 Color（色）要素の背景色を指定します。カラーネームや rgb()、rgba()

backgroundImageプロパティは、HTML要素の背景画像を設定（set）または取得（return）するためのスタイルプロパティです。JavaScriptから動的に背景画像を変更したい場合に活用できます。 構文 backgroundImageプロパティの構文は以下のとおりです。 背景画像を設定する場合： object.style.backgroundImage = url(URL)|none|initial|inherit プロパティ値 指定できる値とその説明は以下の表のとおりです。 番号値と説明 1url(URL)使用する画像ファイルの場所（URL）を指定します。 2none

backgroundOriginプロパティとは background-originプロパティは、要素の背景(背景画像)の基準位置、すなわち相対的な位置を設定または取得するために使用されるプロパティです。CSSボックスモデルを構成する領域のうち、任意の場所を基準として背景を配置できます。 構文 backgroundOriginプロパティを設定する際の構文は以下のとおりです。 object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit" プロパティの値 このプロパティに

backgroundPositionプロパティは、要素の背景画像の初期位置を取得または設定するために使用されます。背景画像を要素の原点（左上）を基準としてどこに配置するかを制御できます。 構文（シンタックス） backgroundPositionプロパティを設定する場合の基本的な構文は以下のとおりです。 object.style.backgroundPosition = value 指定できる値 backgroundPositionプロパティには、主に以下の値を指定できます。 値説明 top lefttop centertop rightcenter leftcenter cente

backgroundRepeatプロパティは、HTML DOMのスタイルオブジェクトに含まれるプロパティの一つで、要素の背景画像をどのように繰り返し表示するかを設定（set）または取得（get）するために使用されます。 構文 backgroundRepeatプロパティの基本的な構文は以下の通りです。 backgroundRepeatプロパティを設定する場合 object.style.backgroundRepeat = repeat|repeat-x|repeat-y|no-repeat|initial|inherit プロパティ値 backgroundRepeatプロパティに指定できる主な値

HTML DOM の backgroundSize プロパティは、要素の背景画像のサイズを取得または設定するために使用されます。JavaScript から動的に背景画像の大きさを制御したい場合に便利なプロパティです。構文backgroundSize プロパティの設定object.style.backgroundSize = auto|length|cover|contain|initial|inherit;指定できる値（プロパティ値）backgroundSize プロパティに指定できる主な値とその説明は以下の通りです。番号値と説明1auto背景画像を本来のサイズで表示します。デフォルト値です。

HTML DOM の Style border プロパティは、要素のボーダー（境界線）に関する設定を取得または変更するために使用されるプロパティです。このプロパティは、border-width（幅）、border-style（スタイル）、border-color（色）の3つの値をまとめて指定できるショートハンド（一括指定）プロパティです。構文（Syntax）border プロパティを設定する場合の基本的な構文は以下の通りです。object.style.border = width style color|initial|inheritパラメータ（Parameters）各パラメータの意味は次の表

HTML DOMのFormオブジェクトが持つtargetプロパティは、フォームデータ送信後のレスポンス（結果ページ）をどこに表示するかを指定するために使用されます。新しいタブ、現在のタブ、あるいは新しいウィンドウなど、表示先を柔軟に制御できます。このプロパティは、form要素のtarget属性の値を取得・設定します。構文（Syntax）targetプロパティを設定する場合の基本的な構文は以下のとおりです。formObject.target = _blank|_self|_parent|_top|framename各値の意味は次のとおりです。_blank：レスポンスを新しいタブまたは新しいウィン

HTML DOM のフォームコレクション（document.forms）は、HTML ドキュメント内に存在するすべての <form> 要素をコレクションとして取得するための機能です。コレクション内の要素は、HTML ドキュメント上に出現する順序と同じ順番で並べられます。 フォームコレクションのプロパティ フォームコレクションには、以下のプロパティが用意されています。 プロパティ説明 length読み取り専用のプロパティで、コレクションに含まれる <form> 要素の数を返します。 フォームコレクションのメソッド フォームコレクションでは、以下のメソッドを使用

HTML DOM の fullscreenElement プロパティは、現在フルスクリーンモードで表示中の要素を取得するためのプロパティです。対象の要素がフルスクリーンで表示されていない場合には null を返します。 構文 fullscreenElement プロパティの基本構文は以下のとおりです。 document.fullscreenElement それでは、fullscreenElement プロパティの具体的な使用例を見ていきましょう。 注意 − このサンプルでは標準構文と、Chrome・Safari・Opera 向けのブラウザプレフィックスのみを記述しています。お使いのブラウザに対

HTML DOM の fullscreenEnabled は、現在のドキュメントでフルスクリーンモードが利用可能かどうかを判定するためのプロパティです。戻り値の型は真偽値（boolean）で、読み取り専用となっています。フルスクリーンモードが利用可能な場合は true を返し、利用できない場合は false を返します。なお、ブラウザによって実装が異なるため、動作させるには各ブラウザに対応したベンダープレフィックスを使い分ける必要があります。構文（シンタックス）fullscreenEnabled の基本的な構文は以下の通りです。document.fullscreenEnabledサンプルコード