HTMLでは、背景タグとは何ですか?

HTMLには、背景タグのようなものはありません。 古いバージョンのHTMLで背景タグと呼ばれていたもの(<BODY> HTMLタグの背景属性)は、Webページの背景画像を表示するために使用されていました。 World Wide Web Consortium(W3C)からの現在の推奨事項はHTML 4.01 / XHTML 1.0です。 この推奨事項では、background属性は非推奨になりました。有効なHTMLとは見なされなくなりました。 関連する<BODY>属性bgcolorは、バックグラウンドタグと見なすこともできますが、廃止されました。

有効なHTMLまたはXHTML Webページですべての背景効果を設定するには、カスケードスタイルシート(CSS)を使用する必要があります。 CSSを使用して背景プロパティを定義する方が、古い方法よりもはるかに柔軟です。 背景属性、または背景タグは、背景画像の表示に制限されていました。 CSSの背景プロパティは、背景画像の開始位置、繰り返し方法、ページの残りの部分でスクロールするか、同じ場所にとどまるかを定義できます。 CSSバックグラウンドプロパティは、Webページ全体またはページ上の要素に適用できます。

背景のプロパティには、 background-colorbackground-imagebackground-attachmentbackground-position 、およびbackground-repeatが含まれます。 これらのプロパティはすべて、個別のプロパティとして設定するのではなく、背景プロパティの下に統合できます。 これは、略記プロパティと呼ばれます。

古いbgcolor属性と同様に、background-colorはRGB値、16進コード、または色名の形式にすることができます。 このプロパティが適用される要素の背景は、その色で表示されます。 background-imageの値は、画像のURLです。

他のプロパティ(background-attachment、background-position、およびbackground-repeat)は定義できますが、定義されていない場合はデフォルト値が使用されます。 Background-repeatは、背景を垂直または水平に繰り返すために使用されます。 デフォルトでは、垂直および水平に繰り返されます。 Background-attachmentは、背景画像をページの残りの部分(デフォルト)でスクロールするか、1か所に留めます。 background-positionのデフォルトは、要素の左上隅です。

さまざまなWebブラウザーは、背景のプロパティを異なる方法で表示したり、CSSでより具体的な定義を必要とする場合があります。 たとえば、InternetExplorer®8は一部のプロパティの継承値をサポートしていますが、バックグラウンドプロパティの継承値はサポートしていません。 Firefox®では、background-attachmentプロパティがfixedに設定されていない場合、background-positionプロパティは正しく機能しません。 開発者は、さまざまなブラウザでページをテストして、ページが意図したとおりに表示されることを確認する必要があります。

他の言語

この記事は参考になりましたか? フィードバックをお寄せいただきありがとうございます フィードバックをお寄せいただきありがとうございます

どのように我々は助けることができます? どのように我々は助けることができます?