ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのdivタグの属性

HTMLのdivタグの属性

下次还敢
下次还敢オリジナル
2024-04-27 21:18:32563ブラウズ

Div タグは、ページ領域を作成または分割するために使用されるブロック レベルの要素です。その属性には、一般属性: id、クラス コンテンツ属性: align、スタイル レイアウト属性: 幅、高さ、パディング、マージンなどが含まれます。属性: lang、dir、title、data-*

HTMLのdivタグの属性

#Div タグの属性

div タグは次のとおりです。 HTML ページ上の領域を作成または分割するために使用されるブロックレベルの要素。次の属性があります:

共通属性

  • id: div 要素の一意の識別子を指定します。
  • class: CSS スタイルを適用するには、1 つ以上のクラス名を div 要素に追加します。

コンテンツ属性

  • align: div 要素内のコンテンツの配置を設定します (左、右など)。 、 中心。
  • style: 色、フォント、背景などを含む div 要素のスタイルをインラインで設定します。

レイアウト プロパティ

  • width: div 要素の幅を設定します。
  • height: div 要素の高さを設定します。
  • padding: div 要素の内側の端とそのコンテンツの間にスペースを追加します。
  • margin: div 要素の外端と隣接する要素の間にスペースを追加します。

その他の属性

  • lang:コンテンツの言語を div 要素で指定します。
  • dir: div 要素でコンテンツのテキスト方向を指定します (ltr (左から右) や rtl (右から左) など)。
  • title: div 要素のツールヒント テキストを提供します。
  • data-*: div 要素に関連するデータを保存するために使用されるカスタム データ属性。

<code class="html"><div id="myDiv" class="container" style="width: 500px; height: 300px; padding: 10px;">
  <h1>标题</h1>
  <p>段落</p>
</div></code>
この例では、div 要素には次の属性があります:

    id="myDiv":一意の識別子
  • class="container": クラス名
  • style="...": 幅、高さ、パディングを含むインライン スタイル
  • data-* 属性カスタム データを保存するために使用されます

以上がHTMLのdivタグの属性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。