propriété d'affichage CSS
Exemples
Définir le paragraphe pour générer une boîte en-ligne:
p.inline
{
display: inline;
}
{
display: inline;
}
Essayez »
Définition des attributs et des instructions
attribut d'affichage indique le type d'éléments de cadre doivent être générés.
| Par défaut: | inline |
|---|---|
| Héritage: | aucun |
| Version: | CSS1 |
| Syntaxe JavaScript: | objet .style.display = "inline" |
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.
| 属性 | |||||
|---|---|---|---|---|---|
| display | 4.0 | 8.0 Partial from 5.5 |
3.0 | 3.1 | 7.0 |
Valeur de la propriété
| valeur | description |
|---|---|
| aucun | Cet élément ne sera pas affichée. |
| bloc | Cet élément sera affiché comme éléments de niveau bloc, cet élément sera l'avant et à l'arrière avec un saut de ligne. |
| inline | Par défaut. Cet élément sera affiché comme éléments en ligne avant et après l'élément n'a pas de sauts de ligne. |
| inline-block | élément de bloc Inline. (CSS2.1 valeur ajoutée) |
| list-item | Cet élément sera affiché comme une liste. |
| run-in | Cet élément sera basé sur l'affichage contextuel comme éléments de niveau bloc ou les éléments en ligne. |
| compact | CSS a un compact de valeur, mais en raison de l'absence d'un large soutien a été retiré de la CSS2.1. |
| marqueur | CSS a un marqueur de valeur, mais en raison de l'absence d'un large soutien a été retiré de la CSS2.1. |
| table | Cet élément sera affiché comme une table de niveau bloc (similaire à <table>), avec un saut de ligne avant et après la table. |
| inline table | Cet élément sera affiché comme une table en ligne (similaire à <table>), pas de sauts de ligne avant et après la table. |
| table-row-group | Cet élément sera regroupé en une ou plusieurs lignes pour montrer (similaire à <tbody>). |
| Table-header-groupe | Cet élément sera regroupé en une ou plusieurs lignes pour montrer (similaire à <thead>). |
| Table-footer-groupe | Cet élément sera regroupé en une ou plusieurs lignes pour montrer (similaire à <tfoot>). |
| table-row | Cet élément sera affiché comme une ligne de tableau (semblable à <tr>). |
| table-column-group | Cet élément sera utilisé comme une ou plusieurs colonnes pour afficher des paquets (similaires à <colgroup>). |
| table-column | Cet élément sera affiché comme une colonne de cellules (similaire à <col>) |
| table-cell | Cet élément sera affiché comme une cellule de tableau (semblable à la <td> et <th>) |
| table-caption | Cet élément sera affiché comme un en-tête de table (semblable à <caption>) |
| hériter | valeur d'attribut d'affichage Prédéterminé devrait hériter de l'élément parent. |
articles connexes
Tutoriel CSS: CSS affichage et de visibilité
D'autres exemples
Utilisez des valeurs héritées
Cet exemple montre comment utiliser la propriété héritée.