Centro Federal de Educao Tecnolgica do Esprito Santo CEFETES Unidade de Ensino Descentralizada de Colatina UnED/ Colatina Curso Tcnico

co em Informtica

Guia de Referncia Rpida

Propriedades e Valores CSS
Propriedades de FONTE Descrio Tipo de fonte. Estilo da fonte Fontes maisculas de menor altura. Escurecimento da fonte (negrito). Tamanho da fonte. Cor da fonte. Propriedades de TEXTO Descrio Cor do texto. Espaamento entre letras. Espaamento entre palavras. Decorao do texto. Alinhamento vertical. Forma das letras. Alinhamento do texto. Recuo do texto. Distncia entre duas linhas adjacentes. Como o navegador trata os espaos em branco. Propriedades de MARGEM Descrio Define a margem superior. Define a margem direita. Define a margem inferior. Define a margem esquerda.

Propriedade font-family font-style font-variant font-weight font-size color

Valores "New Century Schoolbook", Times, serif etc. normal | italic | oblique normal | small-caps normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 [value] #FFFFF, red, green etc.

Propriedade color letter-spacing word-spacing text-decoration vertical-align text-transform text-align text-indent line-height white-space

Valores #BBBBBB, red, blue etc. normal | [length] normal | [length] none | [ underline || overline || line-through || blink]; baseline | sub | super | top | text-top | middle | bottom | text-bottom | [percentagem] none | capitalize | uppercase | lowercase left | right | center | justify [value] normal | [largura] | [percentagem] normal | pre | nowrap

Propriedade margin-top margin-right margin-bottom margin-left

Valores auto | [largura em px, pt, em ou cm] | [porcentagem] auto | [largura em px, pt, em ou cm] | [porcentagem] auto | [largura em px, pt, em ou cm] | [porcentagem] auto | [largura em px, pt, em ou cm] | [porcentagem] 1

Centro Federal de Educao Tecnolgica do Esprito Santo CEFETES Unidade de Ensino Descentralizada de Colatina UnED/ Colatina Curso Tcnico em Informtica Propriedades de BORDA Descrio Espessura da borda. Cor da borda. Estilo da borda. Espessura da borda superior. Estilo da borda superior. Cord a borda superior. Espessura da borda esquerda. Estilo da borda esquerda. Cord a borda esquerda. Espessura da borda direita. Estilo da borda direita. Cor a borda direita. Espessura da borda inferior. Estilo da borda inferior. Cor da borda inferior. Define o distanciamento superior de um elemento. Define o distanciamento direito de um elemento. Define o distanciamento inferior de um elemento. Define o distanciamento esquerdo de um elemento.

Propriedade border-width border-color border-style border-top-width border-top-style border-top-color border-left-width border-left-style border-left-color border-right-width border-right-style border-right-color border-bottom-width border-bottom-style border-bottom-color padding-top padding-right padding-bottom padding-left

Valores thin | medium | thick | <length> #CCCCCC, green etc. none | dotted | dashed | solid | double | groove | ridge | inset | outset thin | medium | thick | <length> none | dotted | dashed | solid | double | groove | ridge | inset | outset #CCCCCC, green etc. thin | medium | thick | <length> none | dotted | dashed | solid | double | groove | ridge | inset | outset #CCCCCC, green etc. thin | medium | thick | <length> none | dotted | dashed | solid | double | groove | ridge | inset | outset #CCCCCC, green etc. thin | medium | thick | <length> none | dotted | dashed | solid | double | groove | ridge | inset | outset #CCCCCC, green etc. [largura] | [percentagem] [largura] | [percentagem] [largura] | [percentagem] [largura] | [percentagem]

Propriedade background-color background-image background-repeat

Propriedades de BACKGROUND Descrio Valores Cor do fundo. <color> | transparent Imagem do fundo. <url> | none Maneira como a imagem de repeat | repeat-x | repeat-y | fundo posicionada. no-repeat 2

Centro Federal de Educao Tecnolgica do Esprito Santo CEFETES Unidade de Ensino Descentralizada de Colatina UnED/ Colatina Curso Tcnico em Informtica Se a imagem de fundo funciona ou no como uma tela. Como e onde a imagem de fundo posicionada. Propriedades de LISTAS Descrio Tipo do marcador da lista. Imagem como marcador da lista. Onde o marcador da lista posicionado.

background-attachment

scroll | fixed [<percentage> | <length>]{1,2} | [top | center | bottom] || [left | center | right]

background-position

Propriedade list-style-type

Valores disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none [url] | none inside | outside

list-style-image list-style-position

Propriedade width height float

clear

Propriedades de CAIXA/BLOCO Descrio Valores Define a largura do bloco. [length] | [percentagem] | auto Define a altura do bloco. [length] | auto Define o posicionamento do bloco em relao ao texto a left | right | none sua volta. Define se um bloco permite posicionamento de texto a sua none | left | right | both volta.