Attributs des balises div en HTML

La balise Div est un élément de niveau bloc utilisé pour créer ou diviser des zones de page. Ses attributs incluent : attribut général : id, attribut de contenu de classe : aligner, attribut de mise en page de style : largeur, hauteur, remplissage, marge autres attributs : lang, dir. , title, data-*

Attributs de la balise Div

La balise div est un élément de niveau bloc en HTML utilisé pour créer ou diviser des zones sur la page. Il possède les attributs suivants :

Attributs généraux

• id : Spécifie l'identifiant unique de l'élément div.
• class : Ajoutez un ou plusieurs noms de classe aux éléments div pour appliquer des styles CSS.

Attributs de contenu

• align : Définissez l'alignement du contenu dans l'élément div, tel que gauche, droite, centre.
• style : Définissez le style des éléments div en ligne, y compris la couleur, la police, l'arrière-plan, etc.

Propriétés de mise en page

• width : Définissez la largeur de l'élément div.
• hauteur : Définissez la hauteur de l'élément div.
• padding : Ajoute un espace entre le bord intérieur d'un élément div et son contenu.
• margin : Ajoute un espace entre le bord extérieur d'un élément div et les éléments adjacents.

Autres attributs

• lang : Spécifiez la langue du contenu dans l'élément div.
• dir : Spécifiez la direction du texte du contenu dans l'élément div, tel que ltr (de gauche à droite) ou rtl (de droite à gauche).
• title : Fournit un texte d'info-bulle pour l'élément div.
• data-* : Attributs de données personnalisés utilisés pour stocker les données liées aux éléments div.

Exemple

<code class="html"><div id="myDiv" class="container" style="width: 500px; height: 300px; padding: 10px;">
  <h1>标题</h1>
  <p>段落</p>
</div></code>

Dans cet exemple, l'élément div a les attributs suivants :

• id="myDiv" : un identifiant unique
• class="container" : un nom de classe
• style=". .." : les styles en ligne, y compris la largeur, la hauteur et le remplissage
• les attributs data-* sont utilisés pour stocker des données personnalisées

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!