Maison  >  Article  >  interface Web  >  Introduction détaillée à l'attribut display en CSS

Introduction détaillée à l'attribut display en CSS

黄舟
黄舟original
2017-05-27 13:34:372369parcourir

CSS affichage Propriété

Tous les principaux navigateurs prennent en charge l'attribut d'affichage.

Remarque : Si !DOCTYPE est spécifié, Internet Explorer 8 (et versions ultérieures) prend en charge les valeurs d'attribut "inline-table", "run-in", "table", " légende de table", "cellule de table", "colonne de table", "groupe de colonnes de table", "ligne de table", "groupe de lignes de table" et "hériter".

Définition et utilisation

L'attribut display spécifie le type de boîte que l'élément doit générer.

Description

Cet attribut permet de définir le type de zone d'affichage générée par l'élément lors de la création d'une mise en page. Pour les types de documents tels que HTML, une utilisation imprudente de display peut être dangereuse, car elle peut violer la hiérarchie d'affichage déjà définie en HTML. Pour XML, puisque XML n'a pas ce type de hiérarchie intégré, tout affichage est absolument nécessaire.

Remarque : Les valeurs compact et Marker étaient présentes dans CSS2, mais ont été supprimées de CSS2.1 en raison du manque de support généralisé.

Valeur par défaut : en ligne
Héritage
默认值: inline
继承性: no
版本: CSS1
JavaScript 语法: object.style.display="inline"
Propriété :
non
Version : CSS1
JavaScript

Syntaxe :

objet.style.display="inline"
描述
none 此元素不会被显示。
block 此元素将显示为块级元素,此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block 行内块元素。(CSS2.1 新增的值)
list-item 此元素会作为列表显示
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除
marker CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示(类似 ),表格前后带有换行符。 inline-table 此元素会作为内联表格来显示(类似 ),表格前后没有换行符。)。)。)。)。)。) table-row-group 此元素会作为一个或多个行的分组来显示(类似 table-header-group 此元素会作为一个或多个行的分组来显示(类似 table-footer-group 此元素会作为一个或多个行的分组来显示(类似 table-row 此元素会作为一个表格行显示(类似 table-column-group 此元素会作为一个或多个列的分组来显示(类似 table-column 此元素会作为一个单元格列显示(类似 table-cell 此元素会作为一个表格单元格显示(类似 和 ) table-caption 此元素会作为一个表格标题显示(类似 ) inherit 规定应该从父元素继承 display 属性的值。
Valeurs possibles
valeur Description
aucun Cet élément ne sera pas affiché.
bloquer Cet élément sera affiché comme un élément de niveau bloc avec des sauts de ligne avant et après cet élément.
en ligne Par défaut. Cet élément sera affiché sous la forme d'un élément en ligne , sans saut de ligne avant et après l'élément.
bloc-en-ligne Élément de bloc en ligne. (CSS2.1 Nouvelle valeur de )
list-item Cet élément sera affiché sous forme de list.
rodage Cet élément apparaîtra comme un élément de niveau bloc ou un élément en ligne, selon le contexte.
compact Il existe une valeur compacte dans CSS, mais en raison du manque de support généralisé, elle a été supprimée de CSS2.1Supprimer.
marqueur Les marqueurs de valeur étaient présents dans CSS, mais ont été supprimés de CSS2.1 en raison du manque de support généralisé.
tableau Cet élément sera affiché sous forme de table de niveau bloc (similaire), avec le Caractère de nouvelle ligne. table en ligne Cet élément sera affiché sous forme de tableau en ligne (similaire à ), sans saut de ligne avant ou après le tableau. ). ). ). ). ). ) groupe de lignes de table Cet élément sera affiché sous la forme d'un groupe d'une ou plusieurs lignes (similaire à table-header-group Cet élément sera affiché sous la forme d'un regroupement d'une ou plusieurs lignes (quelque chose comme groupe de pied de page de table Cet élément sera affiché sous la forme d'un regroupement d'une ou plusieurs lignes (quelque chose comme rangée de tableau Cet élément sera affiché sous forme de ligne de tableau (similaire à groupe de colonnes de table Cet élément sera affiché sous la forme d'un regroupement d'une ou plusieurs colonnes (quelque chose comme colonne de tableau Cet élément sera affiché sous forme de colonne de cellules (similaire à cellule de table Cet élément apparaîtra sous forme de cellule de tableau (semblable à et ) légende du tableau Cet élément sera affiché sous forme de titre de tableau (similaire à ) hériter Spécifie que la valeur de l'attribut display doit être héritée de l'élément parent.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn