L'attribut display est utilisé pour spécifier le comportement de mise en page de l'élément. Vous avez le choix entre plusieurs valeurs, notamment block, inline, inline-block, none, flex et grid. À l'aide de la propriété display, vous pouvez définir l'affichage d'un élément en tant qu'élément de bloc, élément en ligne ou autre formatage en spécifiant une valeur dans une feuille de style CSS. Par exemple, display: block; affiche l'élément en tant qu'élément de niveau bloc.
Utilisation de display en CSS
Quel est l'attribut display ? L'attribut
display est utilisé pour définir le comportement de mise en page d'un élément sur la page. Il spécifie comment l'élément est affiché en tant qu'élément de bloc, élément en ligne ou autre format. Valeurs de
display La propriété
display accepte les valeurs suivantes :
Comment utiliser l'attribut display ?
Utilisez l'attribut display dans une feuille de style CSS avec la syntaxe suivante :
<code class="css">selector { display: value; }</code>
Par exemple :
<code class="css">p { display: block; }</code>
Cela entraînera l'affichage de tous les éléments de paragraphe en tant qu'éléments de niveau bloc.
Exemple d'utilisation de l'attribut d'affichage
Afficher un élément de titre en tant qu'élément de niveau bloc :
<code class="css">h1 { display: block; }</code>
Afficher un lien hypertexte en tant qu'élément en ligne :
<code class="css">a { display: inline; }</code>
Créer des éléments qui remplissent à la fois la largeur et la ligne avec d'autres éléments Bouton :
<code class="css">button { display: inline-block; }</code>
Masquer l'élément sur la page :
<code class="css">#my-element { display: none; }</code>
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!