CSS – Propriedades de classificação do CSS

CSS | Paulo Castro | março 29, 2010 at 1:25 PM

Estas propriedades classificam os elementos do CSS em categorias que podem receber estilos. Categorias podem ser listas, blocos, trechos de blocos ou itens invisíveis.

Display

Esta propriedade define como um elemento é mostrado. A propriedade none desliga o elemento e fecha o espaço que o objeto antes ocupava (torna o objeto invisível). block abre uma nova caixa onde o objeto é posicionado, relativo aos outros blocos, list-item é um bloco com um marcador de lista e inline define um elemento como parte de um bloco.

Sintaxe:

display: block | inline | list-item | none

Exemplo:

P {display: list-item}
IMG {display: none} // desliga todas as imagens

white-space

Define como o espaço em branco do elemento é gerenciado (se as linhas devem ser quebradas para que apareçam na tela ou não (nowrap) ou se os espaços em branco, tabulações, etc. devem ser considerados (pre).

white-space: normal | pre | nowrap

list-style

Esta propriedade e as propriedades list-style-type, list-style-image e list-style-position definem atributos para objetos de lista, como tipo de marcador, imagem do marcador e posição.

list-style-type: disc | circle | square | decimal | lower-roman upper-roman | lower-alpha | upper-alpha | none
list-style-image: url(url_da_imagem)
list-style-position: inside | outside

Exemplo: