15/07/13 Propriedades CSS - Guia de Referência

Página Inicial Criação de Websites Noções de SQL Downloads Links úteis Hora do Café Entrar em Contato

Tutoriais Propriedades CSS - Guia de Tópicos:

HTML Básico
CSS Básico
JavaScript Básico
XML Básico
Guias de Referência
Elementos HTML
Propriedades CSS
Seletores CSS
Tabela de Cores HTML/CSS
Tabela de Caracteres Especiais CSS2);
Como especificar o path
6. Possíveis valores.
Referência 1. Fundo
2. Bordas
Por Aires Bento Pereira Filho
3. Linhas de contorno
4. Margens
Estamos apresentando as propriedades CSS
5. Espaço em branco
em 13 tópicos.
(padding)
As informações são as seguintes: 6. Classificação (forma de
exibição)
1. a propriedade;
7. Posicionamento
2. descrição de sua finalidade;
8. Dimensionamento
3. indicação se é herdada ou não;
9. Fonte
4. indicação da especificação CSS (CSS1 ou 10. Texto
11. Listas e marcadores
5. versão do browser que a suporta (IE: 12. Tabelas
Internet Explorer, F: Firefox, N: Netscape); 13. Geração de Conteúdo

1 - FUNDO
Define todos os parâmetros referentes ao fundo
de um elemento. Aceita de 1 a 5 valores.
não
background Valores: background-color | background-image | CSS1 IE 4 F 1 N 6
herdada
background-repeat | background-attachment |
background-position
Define a cor de fundo de um elemento.
não
background-color Valores: nomecor | #rrggbb | #rgb | rgb(d,d,d) | CSS1 IE 4 F 1 N 4
herdada
rgb(d%,d%,d%) | transparent

background- Define uma imagem como fundo de um elemento. não

CSS1 IE 4 F 1 N 4
image Valores: url | none
herdada

Define se a imagem vai repetir (formando um

background- mosaico) ou não e a direção da repetição. não
CSS1 IE 4 F 1 N 4
repeat herdada
Valores: repeat | repeat-x | repeat-y | no-repeat
Define se a imagem de fundo de um elemento
background- ficará fixa ou se irá rolar junto com o conteúdo. não
CSS1 IE 4 F 1 N 6
attachment Valores: scroll | fixed
herdada

Define o ponto onde inicia o desenho da imagem

de fundo.
background- Valores: top left | top center | top right | center left | não
CSS1 IE 4 F 1 N 6
position center center | center right | bottom left | bottom
herdada
center | bottom right | x% y% | x unids_css y
unids_css
2 - BORDAS

www.abpsoft.com/criacaoweb/cssguiaref.html 1/7
15/07/13 Propriedades CSS - Guia de Referência

Define o estilo, a espessura e a cor das 4 bordas.

não
border Aceita de 1 a 3 valores. CSS1 IE 4 F 1 N 4
herdada
Valores: border-style | border-width | border-color

border-top Definem o estilo, a espessura e a cor das bordas

border-right superior, direita, inferior e esquerda. Aceitam de 1 não
a 3 valores. CSS1 IE 4 F 1 N 6
border-bottom herdadas
border-left Valores: border-style | border-width | border-color

border-top-style Definem o estilo, a espessura e a cor da borda CSS2 IE 4 F 1 N 6

superior. Aceitam de 1 a 3 valores. não
border-top-width herdadas
CSS1 IE 4 F 1 N 4
border-top-color Valores: border-style | border-width | border-color
CSS2 IE 4 F 1 N 6

border-right-style Definem o estilo, a espessura e a cor da borda CSS2 IE 4 F 1 N 6

não
border-right-width direita. Aceitam de 1 a 3 valores. herdadas
CSS1 IE 4 F 1 N 4
border-right-color Valores: border-style | border-width | border-color CSS2 IE 4 F 1 N 6

border-bottom- Definem o estilo, a espessura e a cor da borda

style inferior. Aceitam de 1 a 3 valores.
CSS2 IE 4 F 1 N 6
border-bottom- não
CSS1 IE 4 F 1 N 4
width herdadas
CSS2 IE 4 F 1 N 6
border-bottom- Valores: border-style | border-width | border-color
color

border-left-style Definem o estilo, a espessura e a cor da borda CSS2 IE 4 F 1 N 6

esquerda. Aceitam de 1 a 3 valores. não
border-left-width herdadas
CSS1 IE 4 F 1 N 4
border-left-color Valores: border-style | border-width | border-color CSS2 IE 4 F 1 N 6

Define o estilo das 4 bordas. Aceita de 1 a 4

valores. não
border-style herdada
CSS1 IE 4 F 1 N 6
Valores: none | hidden | dotted | dashed | solid |
double | groove | ridge | inset | outset
Define a espessura das 4 bordas. Aceita de 1 a 4
valores. não
border-width CSS1 IE 4 F 1 N 4
herdada
Valores: thin | medium | thick | unids_css

Define a cor das 4 bordas. Aceita de 1 a 4 valores.

não
border-color Valores: nomecor | #rrggbb | #rgb | rgb(d,d,d) | herdada
CSS1 IE 4 F 1 N 6
rgb(d%,d%,d%)
3 - LINHAS DE CONTORNO
Define o estilo, a espessura e a cor da linha de
contorno. Aceita de 1 a 3 valores. não IE -- F 1.5 N -
outline herdada
CSS2
-
Valores: outline-style | outline-width | outline-color
Define o estilo da linha de contorno.
não IE -- F 1.5 N -
outline-style Valores: none | hidden | dotted | dashed | solid | CSS2
herdada -
double | groove | ridge | inset | outset
Define a espessura da linha de contorno. não IE -- F 1.5 N -
outline-width CSS2
herdada -
Valores: thin | medium | thick | unids_css
Define a cor da linha de contorno.
não IE -- F 1.5 N -
outline-color Valores: nomecor | #rrggbb | #rgb | rgb(d,d,d) | CSS2
herdada -
www.abpsoft.com/criacaoweb/cssguiaref.html 2/7
15/07/13 Propriedades CSS - Guia de Referência

rgb(d%,d%,d%) | invert
4 - MARGENS
Define as 4 margens do elemento. Aceita de 1 a 4
valores. não
margin herdada
CSS1 IE 4 F 1 N 4
Valores: margin-top | margin-right | margin-bottom |
margin-left
margin-top Definem as margens superior, direita, inferior e IE 3 F1 N4
margin-right esquerda. não
CSS1
IE 3 F1 N4
margin-bottom herdadas IE 4 F1 N4
margin-left Valores: auto | unids_css | % IE 3 F1 N4

5 - ESPAÇO EM BRANCO (PADDING)

Define o espaço entre o conteúdo e os 4 limites do
elemento. Aceita de 1 a 4 valores. não
padding herdada
CSS1 IE 4 F 1 N 4
Valores: padding-top | padding-right | padding-
bottom | padding-left
padding-top Definem o espaço entre o conteúdo e os limites
padding-right superior, direito, inferior e esquerdo. não
herdadas CSS1 IE 4 F 1 N 4
padding-bottom
padding-left Valores: unids_css | %

6 - CLASSIFICAÇÃO (FORMA DE EXIBIÇÃO)

Define os lados de um elemento onde não são
permitidos elementos flutuantes. não
clear herdada
CSS1 IE 4 F 1 N 4
Valores: left | right | both | none
Define um formato para o cursor.
Valores: url | auto | crosshair | default | pointer | não
cursor move | e-resize | ne-resize | nw-resize | n-resize | herdada
CSS2 IE 4 F 1 N 6
se-resize | sw-resize | s-resize | w-resize | text | wait
| help
Define se um elemento deve ser apresentado e a
forma de apresentação.
Valores: none | inline | block | list-item | run-in | não
display compact | marker | table | inline-table | table-row- herdada
CSS1 IE 4 F 1 N 4
group | table-header-group | table-footer-group |
table-row | table-column-group | table-column |
table-cell | table-caption
Define o alinhamento de um elemento e controla o
fluxo de texto ou de outros elementos ao seu não
float redor. CSS1 IE 4 F 1 N 4
herdada
Valores: left | right | none
Define a posição de um elemento como estática,
relativa, absoluta ou fixa. não
position herdada
CSS1 IE 4 F 1 N 4
Valores: static | relative | absolute | fixed
Define se um elemento deve ficar visível ou
invisível. não
visibility herdada
CSS2 IE 4 F 1 N 4
Valores: visible | hidden | collapse
7 - POSICIONAMENTO
www.abpsoft.com/criacaoweb/cssguiaref.html 3/7
15/07/13 Propriedades CSS - Guia de Referência

top Definem a distância do elemento em relação ao IE 4 F1 N4

right limite do elemento que o contém. não
CSS2
IE 5 F1 N6
bottom herdadas IE 5 F1 N6
left Valores: auto | unids_css | % IE 4 F1 N4

Define o alinhamento vertical do elemlento.

não
vertical-align Valores: baseline | sub | super | top | text-top | herdada CSS1 IE 4 F 1 N 4
middle | bottom | text-bottom | unids_css | %

Define a forma de um elemento. não

clip herdada
CSS2 IE 4 F 1 N 6
Valores: auto | shape
Define o que deve ocorrer quando o conteúdo de
um elemento excede sua área. não
overflow herdada
CSS2 IE 4 F 1 N 6
Valores: visible | hidden | scroll | auto
Define a ordem de apresentação dos elementos
quando há sobreposição. não
z-index herdada
CSS2 IE 4 F 1 N 6
Valores: auto | número
8 - DIMENSIONAMENTO

width Definem a largura e a altura de um elemento. não IE 4 F 1 N 4

CSS1
height Valores: auto | unids_css | % herdadas IE 4 F 1 N 6

Definem a largura máxima e a altura máxima de um

max-width elemento. não IE -- F 1 N 6
CSS2
max-height herdadas IE -- F 1 N 6
Valores: none | unids_css | %
Definem a largura mínima e a altura mínima de um
min-width elemento. não IE -- F 1 N 6
CSS2
min-height herdadas IE -- F 1 N 6
Valores: unids_css | %
Define a distância entre linhas de texto.
line-height herdada CSS1 IE 4 F 1 N 4
Valores: normal | número | unids_css | %
9 - FONTE
Define vários valores da fonte.

font Valores: font-family | font-size/line-height | font- herdada CSS1 IE 4 F 1 N 4

style | font-weight | font-variant | caption | icon |
menu | message-box | small-caption | status-bar
Define o tipo de fonte.
font-family herdada CSS1 IE 3 F 1 N 4
Valores: family-name | generic-family
Define o tamanho da fonte.
font-size Valores: xx-small | x-small | small | medium | large | herdada CSS1 IE 3 F 1 N 4
x-large | xx-large | smaller | larger | unids_css | %
Define o estilo da fonte.
font-style herdada CSS1 IE 4 F 1 N 4
Valores: normal | italic | oblique
Define a espessura do traço da fonte.
font-weight Valores: normal | bold | bolder | lighter | 100 | 200 | herdada CSS1 IE 4 F 1 N 4

www.abpsoft.com/criacaoweb/cssguiaref.html 4/7
15/07/13 Propriedades CSS - Guia de Referência

300 | 400 | 500 | 600 | 700 | 800 | 900

Define que o tamanho da fonte deve ser ajustado,
caso o browser tenha de utilizar outro tipo de fonte
font-size-adjust que não o escolhido em font-family. herdada CSS2 IE -- F -- N --

Valores: none | número

Define se deve ser utilizado um tipo de fonte
font-variant "small-caps" ou normal. herdada CSS1 IE 4 F 1 N 6
Valores: normal | small-caps
Define uma contração ou expansão na largura da
fonte.

font-stretch Valores: normal | wider | narrower | ultra- herdada CSS2 IE -- F -- N --

condensed | extra-condensed | condensed | semi-
condensed | semi-expanded | expanded | extra-
expanded | ultra-expanded
10 - TEXTO
Define a cor do texto.
color Valores: nomecor | #rrggbb | #rgb | rgb(d,d,d) | herdada CSS1 IE 3 F 1 N 4
rgb(d%,d%,d%)
Define o alinhamento do texto.
text-align herdada CSS1 IE 4 F 1 N 4
Valores: left | right | center | justify
Define um deslocamento para a direita ou
text-indent esquerda da primeira linha do texto. herdada CSS1 IE 4 F 1 N 4
Valores: unids_css | %
Define um efeito decorativo para o texto.
text-decoration Valores: none | underline | overline | line-through | herdada CSS1 IE 4 F 1 N 4
blink
Define que o texto deve ser capitalizado ou ser
text-transform exibido todo em maiúsculas ou minúsculas. herdada CSS1 IE 4 F 1 N 4
Valores: none | capitalize | uppercase | lowercase
Definem um aumento ou diminuição no espaço
letter-spacing entre os caracteres ou entre as palavras. IE 4 F 1 N 6
herdadas CSS1
word-spacing IE 6 F 1 N 6
Valores: normal | unids_css
Define o tratamento a ser dado ao espaço em
white-space branco existente dentro de um elemento. herdada CSS1 IE 5 F 1 N 4
Valores: normal | pre | nowrap
Define a direção em que é escrito o texto. Da
esquerda para a direita ou da direita para a
direction esquerda. herdada CSS2 IE 6 F 1 N 6

Valores: ltr | rtl

11 - LISTAS E MARCADORES
Define todos os parâmetros referentes a uma lista.
Aceita de 1 a 3 valores. não
list-style herdada
CSS1 IE 4 F 1 N 6
Valores: list-style-type | list-style-position | list-style-
www.abpsoft.com/criacaoweb/cssguiaref.html 5/7
15/07/13 Propriedades CSS - Guia de Referência

image
Define o tipo de marcador de item da lista.
Valores: none | disc | circle | square | decimal |
decimal-leading-zero | lower-roman | upper-roman | não
list-style-type lower-alpha | upper-alpha | lower-greek | lower-latin herdada CSS1 IE 4 F 1 N 4
| upper-latin | hebrew | armenian | georgian | cjk-
ideographic | hiragana | katakana | hiragana-iroha |
katakana-iroha
Define a posição do marcador de item da lista. não
list-style-position herdada
CSS1 IE 4 F 1 N 6
Valores: inside | outside
Define a imagem a ser utilizada como marcador de
item da lista. não
list-style-image CSS1 IE 4 F 1 N 6
herdada
Valores: none | url
12 - TABELAS
Define se os traços das bordas serão fundidos ou
mantidos separados. não
border-collapse herdada
CSS2 IE 5 F 1 N 7
Valores: collapse | separate
Define a distância entre as bordas de células
adjacentes. Só aplicável quando border-collapse não
border-spacing for separate. CSS2 IE 5M F 1 N 6
herdada
Valores: unids_css
Define se as células sem conteúdo visível devem
ter bordas ou não. Só aplicável quando border- não
empty-cells CSS2 IE 5M F 1 N 6
collapse for separate. herdada

Valores: show | hide

Define a posição da legenda na tabela. não
caption-side herdada
CSS2 IE 5M F 1 N 6
Valores: top | bottom | left | right
Define como será desenhada a tabela não
table-layout herdada
CSS2 IE 5 F 1 N 6
Valores: auto | fixed
13 - GERAÇÃO DE CONTEÚDO
Gera conteúdo para um elemento. Utilizada com os
pseudo-elementos :before e :after.
Valores: string | url | counter(name) | não
content counter(name, list-style-type) | counters(name, CSS2 IE -- F 1 N 6
herdada
string) | counters(name, string, list-style-type) |
attr(X) | open-quote | close-quote | no-open-quote |
no-close-quote
Define em quanto será incrementado o contador a
counter- cada ocorrência de um seletor. não
CSS2 IE -- F -- N --
increment herdada
Valores: none | número identificador
Define o valor a a ser atribuído ao contador a
cada ocorrência de um seletor. não
counter-reset herdada
CSS2 IE -- F -- N --
Valores: none | número identificador
Define o estilo das aspas.
www.abpsoft.com/criacaoweb/cssguiaref.html 6/7
15/07/13 Propriedades CSS - Guia de Referência

quotes não CSS2 IE -- F 1 N 6

herdada
Valores: none | string string

C o p yri g h t © 2 0 0 6 Ab p s o ft. To d o s o s d i re i to s re s e rva d o s . | Ma p a d o Si te |

www.abpsoft.com/criacaoweb/cssguiaref.html 7/7