Tópicos:

  1. Fundo
  2. Bordas
  3. Linhas de contorno
  4. Margens
  5. Espaço em branco (padding)
  6. Classificação (forma de exibição)
  7. Posicionamento
  8. Dimensionamento
  9. Fonte
  10. Texto
  11. Listas e marcadores
  12. Tabelas
  13. Geração de Conteúdo

Propriedades CSS - Guia de Referência
Por Aires Bento Pereira Filho

Estamos apresentando as propriedades CSS em 13 tópicos.

As informações são as seguintes:

  1. a propriedade;
  2. descrição de sua finalidade;
  3. indicação se é herdada ou não;
  4. indicação da especificação CSS (CSS1 ou CSS2);
  5. versão do browser que a suporta (IE: Internet Explorer, F: Firefox, N: Netscape);
  6. Possíveis valores.
1 - FUNDO
background Define todos os parâmetros referentes ao fundo de um elemento. Aceita de 1 a 5 valores. não
herdada		 CSS1 IE 4  F 1  N 6
Valores: background-color | background-image | background-repeat | background-attachment | background-position
background-color Define a cor de fundo de um elemento. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: nomecor | #rrggbb | #rgb | rgb(d,d,d) | rgb(d%,d%,d%) | transparent
background-image Define uma imagem como fundo de um elemento. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: url | none
background-repeat Define se a imagem vai repetir (formando um mosaico) ou não e a direção da repetição. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: repeat | repeat-x | repeat-y | no-repeat
background-attachment Define se a imagem de fundo de um elemento ficará fixa ou se irá rolar junto com o conteúdo. não
herdada		 CSS1 IE 4  F 1  N 6
Valores: scroll | fixed
background-position Define o ponto onde inicia o desenho da imagem de fundo. não
herdada		 CSS1 IE 4  F 1  N 6
Valores: top left | top center | top right | center left | center center | center right | bottom left | bottom center | bottom right | x% y% | x unids_css y unids_css
2 - BORDAS
border Define o estilo, a espessura e a cor das 4 bordas. Aceita de 1 a 3 valores. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: border-style | border-width | border-color
border-top
border-right
border-bottom
border-left		 Definem o estilo, a espessura e a cor das bordas superior, direita, inferior e esquerda. Aceitam de 1 a 3 valores. não
herdadas		 CSS1 IE 4  F 1  N 6
Valores: border-style | border-width | border-color
border-top-style
border-top-width
border-top-color		 Definem o estilo, a espessura e a cor da borda superior. Aceitam de 1 a 3 valores. não
herdadas		 CSS2
CSS1
CSS2		 IE 4  F 1  N 6
IE 4  F 1  N 4
IE 4  F 1  N 6
Valores: border-style | border-width | border-color
border-right-style
border-right-width
border-right-color		 Definem o estilo, a espessura e a cor da borda direita. Aceitam de 1 a 3 valores. não
herdadas		 CSS2
CSS1
CSS2		 IE 4  F 1  N 6
IE 4  F 1  N 4
IE 4  F 1  N 6
Valores: border-style | border-width | border-color
border-bottom-style
border-bottom-width
border-bottom-color		 Definem o estilo, a espessura e a cor da borda inferior. Aceitam de 1 a 3 valores. não
herdadas		 CSS2
CSS1
CSS2		 IE 4  F 1  N 6
IE 4  F 1  N 4
IE 4  F 1  N 6
Valores: border-style | border-width | border-color
border-left-style
border-left-width
border-left-color		 Definem o estilo, a espessura e a cor da borda esquerda. Aceitam de 1 a 3 valores. não
herdadas		 CSS2
CSS1
CSS2		 IE 4  F 1  N 6
IE 4  F 1  N 4
IE 4  F 1  N 6
Valores: border-style | border-width | border-color
border-style Define o estilo das 4 bordas. Aceita de 1 a 4 valores. não
herdada		 CSS1 IE 4  F 1  N 6
Valores: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-width Define a espessura das 4 bordas. Aceita de 1 a 4 valores. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: thin | medium | thick | unids_css
border-color Define a cor das 4 bordas. Aceita de 1 a 4 valores. não
herdada		 CSS1 IE 4  F 1  N 6
Valores: nomecor | #rrggbb | #rgb | rgb(d,d,d) | rgb(d%,d%,d%)
3 - LINHAS DE CONTORNO
outline Define o estilo, a espessura e a cor da linha de contorno. Aceita de 1 a 3 valores. não
herdada		 CSS2 IE --  F 1.5  N --
Valores: outline-style | outline-width | outline-color
outline-style Define o estilo da linha de contorno. não
herdada		 CSS2 IE --  F 1.5  N --
Valores: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
outline-width Define a espessura da linha de contorno. não
herdada		 CSS2 IE --  F 1.5  N --
Valores: thin | medium | thick | unids_css
outline-color Define a cor da linha de contorno. não
herdada		 CSS2 IE --  F 1.5  N --
Valores: nomecor | #rrggbb | #rgb | rgb(d,d,d) | rgb(d%,d%,d%) | invert
4 - MARGENS
margin Define as 4 margens do elemento. Aceita de 1 a 4 valores. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: margin-top | margin-right | margin-bottom | margin-left
margin-top
margin-right
margin-bottom
margin-left		 Definem as margens superior, direita, inferior e esquerda. não
herdadas		 CSS1 IE 3  F 1  N 4
IE 3  F 1  N 4
IE 4  F 1  N 4
IE 3  F 1  N 4
Valores: auto | unids_css | %
5 - ESPAÇO EM BRANCO (PADDING)
padding Define o espaço entre o conteúdo e os 4 limites do elemento. Aceita de 1 a 4 valores. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: padding-top | padding-right | padding-bottom | padding-left
padding-top
padding-right
padding-bottom
padding-left		 Definem o espaço entre o conteúdo e os limites superior, direito, inferior e esquerdo. não
herdadas		 CSS1 IE 4  F 1  N 4
Valores: unids_css | %
6 - CLASSIFICAÇÃO (FORMA DE EXIBIÇÃO)
clear Define os lados de um elemento onde não são permitidos elementos flutuantes. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: left | right | both | none
cursor Define um formato para o cursor. não
herdada		 CSS2 IE 4  F 1  N 6
Valores: url | auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help
display Define se um elemento deve ser apresentado e a forma de apresentação. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: none | inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption
float Define o alinhamento de um elemento e controla o fluxo de texto ou de outros elementos ao seu redor. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: left | right | none
position Define a posição de um elemento como estática, relativa, absoluta ou fixa. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: static | relative | absolute | fixed
visibility Define se um elemento deve ficar visível ou invisível. não
herdada		 CSS2 IE 4  F 1  N 4
Valores: visible | hidden | collapse
7 - POSICIONAMENTO
top
right
bottom
left		 Definem a distância do elemento em relação ao limite do elemento que o contém. não
herdadas		 CSS2 IE 4  F 1  N 4
IE 5  F 1  N 6
IE 5  F 1  N 6
IE 4  F 1  N 4
Valores: auto | unids_css | %
vertical-align Define o alinhamento vertical do elemlento. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: baseline | sub | super | top | text-top | middle | bottom | text-bottom | unids_css | %
clip Define a forma de um elemento. não
herdada		 CSS2 IE 4  F 1  N 6
Valores: auto | shape
overflow Define o que deve ocorrer quando o conteúdo de um elemento excede sua área. não
herdada		 CSS2 IE 4  F 1  N 6
Valores: visible | hidden | scroll | auto
z-index Define a ordem de apresentação dos elementos quando há sobreposição. não
herdada		 CSS2 IE 4  F 1  N 6
Valores: auto | número
8 - DIMENSIONAMENTO
width
height		 Definem a largura e a altura de um elemento. não
herdadas		 CSS1 IE 4  F 1  N 4
IE 4  F 1  N 6
Valores: auto | unids_css | %
max-width
max-height		 Definem a largura máxima e a altura máxima de um elemento. não
herdadas		 CSS2 IE --  F 1  N 6
IE --  F 1  N 6
Valores: none | unids_css | %
min-width
min-height		 Definem a largura mínima e a altura mínima de um elemento. não
herdadas		 CSS2 IE --  F 1  N 6
IE --  F 1  N 6
Valores: unids_css | %
line-height Define a distância entre linhas de texto. herdada CSS1 IE 4  F 1  N 4
Valores: normal | número | unids_css | %
9 - FONTE
font Define vários valores da fonte. herdada CSS1 IE 4  F 1  N 4
Valores: font-family | font-size/line-height | font-style | font-weight | font-variant | caption | icon | menu | message-box | small-caption | status-bar
font-family Define o tipo de fonte. herdada CSS1 IE 3  F 1  N 4
Valores: family-name | generic-family
font-size Define o tamanho da fonte. herdada CSS1 IE 3  F 1  N 4
Valores: xx-small | x-small | small | medium | large | x-large | xx-large | smaller | larger | unids_css | %
font-style Define o estilo da fonte. herdada CSS1 IE 4  F 1  N 4
Valores: normal | italic | oblique
font-weight Define a espessura do traço da fonte. herdada CSS1 IE 4  F 1  N 4
Valores: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
font-size-adjust Define que o tamanho da fonte deve ser ajustado, caso o browser tenha de utilizar outro tipo de fonte que não o escolhido em font-family. herdada CSS2 IE --  F --  N --
Valores: none | número
font-variant Define se deve ser utilizado um tipo de fonte "small-caps" ou normal. herdada CSS1 IE 4  F 1  N 6
Valores: normal | small-caps
font-stretch Define uma contração ou expansão na largura da fonte. herdada CSS2 IE --  F --  N --
Valores: normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
10 - TEXTO
color Define a cor do texto. herdada CSS1 IE 3  F 1  N 4
Valores: nomecor | #rrggbb | #rgb | rgb(d,d,d) | rgb(d%,d%,d%)
text-align Define o alinhamento do texto. herdada CSS1 IE 4  F 1  N 4
Valores: left | right | center | justify
text-indent Define um deslocamento para a direita ou esquerda da primeira linha do texto. herdada CSS1 IE 4  F 1  N 4
Valores: unids_css | %
text-decoration Define um efeito decorativo para o texto. herdada CSS1 IE 4  F 1  N 4
Valores: none | underline | overline | line-through | blink
text-transform Define que o texto deve ser capitalizado ou ser exibido todo em maiúsculas ou minúsculas. herdada CSS1 IE 4  F 1  N 4
Valores: none | capitalize | uppercase | lowercase
letter-spacing
word-spacing		 Definem um aumento ou diminuição no espaço entre os caracteres ou entre as palavras. herdadas CSS1 IE 4  F 1  N 6
IE 6  F 1  N 6
Valores: normal | unids_css
white-space Define o tratamento a ser dado ao espaço em branco existente dentro de um elemento. herdada CSS1 IE 5  F 1  N 4
Valores: normal | pre | nowrap
direction Define a direção em que é escrito o texto. Da esquerda para a direita ou da direita para a esquerda. herdada CSS2 IE 6  F 1  N 6
Valores: ltr | rtl
11 - LISTAS E MARCADORES
list-style Define todos os parâmetros referentes a uma lista. Aceita de 1 a 3 valores. não
herdada		 CSS1 IE 4  F 1  N 6
Valores: list-style-type | list-style-position | list-style-image
list-style-type Define o tipo de marcador de item da lista. não
herdada		 CSS1 IE 4  F 1  N 4
Valores: none | disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-alpha | upper-alpha | lower-greek | lower-latin | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha
list-style-position Define a posição do marcador de item da lista. não
herdada		 CSS1 IE 4  F 1  N 6
Valores: inside | outside
list-style-image Define a imagem a ser utilizada como marcador de item da lista. não
herdada		 CSS1 IE 4  F 1  N 6
Valores: none | url
12 - TABELAS
border-collapse Define se os traços das bordas serão fundidos ou mantidos separados. não
herdada		 CSS2 IE 5  F 1  N 7
Valores: collapse | separate
border-spacing Define a distância entre as bordas de células adjacentes. Só aplicável quando border-collapse for separate. não
herdada		 CSS2 IE 5M  F 1  N 6
Valores: unids_css
empty-cells Define se as células sem conteúdo visível devem ter bordas ou não. Só aplicável quando border-collapse for separate. não
herdada		 CSS2 IE 5M  F 1  N 6
Valores: show | hide
caption-side Define a posição da legenda na tabela. não
herdada		 CSS2 IE 5M  F 1  N 6
Valores: top | bottom | left | right
table-layout Define como será desenhada a tabela não
herdada		 CSS2 IE 5  F 1  N 6
Valores: auto | fixed
13 - GERAÇÃO DE CONTEÚDO
content Gera conteúdo para um elemento. Utilizada com os pseudo-elementos :before e :after. não
herdada		 CSS2 IE --  F 1  N 6
Valores: string | url | counter(name) | counter(name, list-style-type) | counters(name, string) | counters(name, string, list-style-type) | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote
counter-increment Define em quanto será incrementado o contador a cada ocorrência de um seletor. não
herdada		 CSS2 IE --  F --  N --
Valores: none | número identificador
counter-reset Define o valor a a ser atribuído ao contador a cada ocorrência de um seletor. não
herdada		 CSS2 IE --  F --  N --
Valores: none | número identificador
quotes Define o estilo das aspas. não
herdada		 CSS2 IE --  F 1  N 6
Valores: none | string string