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
Como especificar o path
6. Possíveis valores.
Referência 1. Fundo
2. Bordas
Por Aires Bento Pereira Filho
3. Linhas de contorno
Estamos apresentando as propriedades CSS em 4. Margens
5. Espaço em branco
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
CSS2); 11. Listas e marcadores
5. versão do browser que a suporta (IE: Internet 12. Tabelas
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 ficará
background- fixa ou se irá rolar junto com o conteúdo. não CSS1 IE 4 F 1 N 6
attachment herdada
Valores: scroll | fixed
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
Define o estilo, a espessura e a cor das 4 bordas.
Aceita de 1 a 3 valores. não
border 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 a não
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 CSS1 IE 4 F 1 N 4
herdadas
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. CSS1 IE 4 F 1 N 4
herdadas
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 CSS1 IE 4 F 1 N 4
herdadas
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 CSS1 IE 4 F 1 N 6
Valores: none | hidden | dotted | dashed | solid | herdada
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) | CSS1 IE 4 F 1 N 6
herdada
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 CSS2
herdada -
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 -
rgb(d%,d%,d%) | invert
4 - MARGENS
Define as 4 margens do elemento. Aceita de 1 a 4
valores. não
margin CSS1 IE 4 F 1 N 4
herdada
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 IE 3 F1 N4
CSS1
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 CSS1 IE 4 F 1 N 4
herdada
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
CSS1 IE 4 F 1 N 4
padding-bottom herdadas
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 CSS1 IE 4 F 1 N 4
herdada
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 | CSS2 IE 4 F 1 N 6
herdada
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- CSS1 IE 4 F 1 N 4
herdada
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 redor. não
float 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 CSS1 IE 4 F 1 N 4
herdada
Valores: static | relative | absolute | fixed
Define se um elemento deve ficar visível ou
visibility invisível. não CSS2 IE 4 F 1 N 4
herdada
Valores: visible | hidden | collapse
7 - POSICIONAMENTO
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 IE 5 F1 N6
CSS2
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 | CSS1 IE 4 F 1 N 4
herdada
middle | bottom | text-bottom | unids_css | %
Define a forma de um elemento. não
clip CSS2 IE 4 F 1 N 6
herdada
Valores: auto | shape
Define o que deve ocorrer quando o conteúdo de
um elemento excede sua área. não
overflow CSS2 IE 4 F 1 N 6
herdada
Valores: visible | hidden | scroll | auto
Define a ordem de apresentação dos elementos
quando há sobreposição. não
z-index CSS2 IE 4 F 1 N 6
herdada
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-style herdada CSS1 IE 4 F 1 N 4

| 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 | %
font-style Define o estilo da fonte. 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
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 "small-
font-variant 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-condensed herdada CSS2 IE -- F -- N --

| 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 esquerda
text-indent 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 CSS1 IE 4 F 1 N 6
herdada
Valores: list-style-type | list-style-position | list-style-
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 CSS1 IE 4 F 1 N 4
herdada
| 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 CSS1 IE 4 F 1 N 6
herdada
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 CSS2 IE 5 F 1 N 7
herdada
Valores: collapse | separate
Define a distância entre as bordas de células
adjacentes. Só aplicável quando border-collapse for não
border-spacing 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-collapse não
empty-cells for separate. CSS2 IE 5M F 1 N 6
herdada
Valores: show | hide
Define a posição da legenda na tabela. não
caption-side CSS2 IE 5M F 1 N 6
herdada
Valores: top | bottom | left | right
Define como será desenhada a tabela não
table-layout CSS2 IE 5 F 1 N 6
herdada
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) | counter(name, não
content list-style-type) | counters(name, string) | CSS2 IE -- F 1 N 6
herdada
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
não
counter-increment cada ocorrência de um seletor. CSS2 IE -- F -- N --
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 CSS2 IE -- F -- N --
herdada
Valores: none | número identificador
Define o estilo das aspas. não
quotes CSS2 IE -- F 1 N 6
herdada
Valores: none | string string

Copy ri ght © 2006 A bps oft. Todos os di rei tos res erv ados . | M apa do S i te |