O melhor tutorial propriedade de exibição CSS em 2024. Neste tutorial você pode aprender Exemplos,Atributo definições e instruções,Suporte a navegadores,Valor de propriedade,artigos relacionados,mais exemplos,

propriedade de exibição CSS

Exemplos

Definir ponto de gerar uma caixa em linha:

p.inline
{
display: inline;
}

tente »

Atributo definições e instruções

atributo de exibição especifica o tipo de elementos de estrutura deve ser gerado.

padrão: em linha
herança: não
versão: CSS1
sintaxe JavaScript: objeto .style.display = "inline"


Suporte a navegadores

Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.

Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.

属性
display 4.0 8.0
Partial from 5.5
3.0 3.1 7.0

Valor de propriedade

valor descrição
nenhum Este elemento não será exibido.
bloco Este elemento será exibido como elementos de bloco, este elemento será a frente e traseira, com uma quebra de linha.
em linha Padrão. Este elemento será exibido como elementos em linha antes e depois de o elemento não tem quebras de linha.
inline-block elemento de bloco em linha. (Valor adicionado CSS2.1)
list-item Este elemento será exibido como uma lista.
run-in Este elemento será baseada no visor contexto como elementos de bloco ou elementos inline.
compacto CSS tem um valor compacto, mas devido à falta de suporte amplo foi removido a partir do CSS2.1.
marcador CSS tem um marcador de valor, mas devido à falta de suporte amplo foi removido a partir do CSS2.1.
mesa Este elemento será exibido como uma tabela de nível de bloqueio (semelhante a <table>), com uma quebra de linha antes e depois da tabela.
inline-table Este elemento será exibido como uma tabela de linha (semelhante a <tabela>), nenhuma linha de quebra antes e depois do quadro.
table-row-group Este elemento serão agrupadas como uma ou mais linhas para mostrar (semelhante ao <tbody>).
table-header-group Este elemento serão agrupadas como uma ou mais linhas para mostrar (semelhante ao <thead>).
table-footer-grupo Este elemento serão agrupadas como uma ou mais linhas para mostrar (semelhante ao <tfoot>).
table-row Este elemento será exibido como uma linha da tabela (semelhante ao <tr>).
table-column-grupo Este elemento vai ser utilizado como uma ou mais colunas para exibir pacotes (semelhantes a <colgroup>).
tabela de coluna Este elemento vai ser exibido como uma coluna de células semelhantes a (<col>)
tabela de células Este elemento será exibido como uma célula da tabela (semelhante ao <td> e <th>)
table-caption Este elemento será exibido como um cabeçalho da tabela (semelhante ao <caption>)
herdar valor do atributo de exibição predeterminado deve herdar a partir do elemento pai.


artigos relacionados

tutorial CSS: CSS de exibição e visibilidade


Exemplos

mais exemplos

Use valores herdados
Este exemplo demonstra como usar a propriedade herdada.

propriedade de exibição CSS
10/30