Make your own free website on Tripod.com

Garça Selvagem

Home | HTML | JavaScript | CSS | Serviços

Propriedades CSS

Ir para a página inicial da seção CSS

Principais propriedades CSS

Aí galera, to botando aki as propriedades do CSS e pra que serve cada uma:
Texto:

color:
código hexadecimal: #FFFFFF
código rgb: rgb(255,235,0)
nome da cor: red, blue, green...etc
word-spacing:
normal: é o espaçamento default
lenght: uma medida reconhecida pelas CSS (px, pt, em, cm, ...) São válidos valores negativos
letter-spacing:
normal: é o espaçamento default
lenght: uma medida reconhecida pelas CSS (px, pt, em, cm, ...) São válidos valores negativos
text-align:
left: alinha o texto a esquerda
right: alinha o texto a direita
center: alinha o texto no centro
justify: faz o texto ocupar toda a extensão da linha da esquerda a direita
text-decoration:
none: sem decoração
underline: coloca sublinhado no texto
overline: coloca um sobrelinhado no texto
line-through: coloca uma linha em cima do texto
blink: faz o texto piscar
text-indent:
lenght: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)
% : porcentagem da largura do elemento pai
text-transform:
none: texto normal
capitalize: todas as primeiras letras do texto em maiúsculas
uppercase: todas as letras do texto em maiúsculas
lowercase: todas as letras do texto em minúsculas
direction:
ltr: texto escrito da esquerda para a direita
rtl: texto escrito da direita para a esquerda
white-spacing:
normal: os espaços em branco serão ignorados pelo browser
pre: os espaços em branco serão preservados pelo browser
nowrap: o texto será apresentado todo ele numa linha única na tela. Não há quebra de linha até ser encontrada uma tag <br>


----------------------------------------------------------------------------------------

Letras:

color:
código hexadecimal: #FFFFFF
código rgb: rgb(255,235,0)
nome da cor: red, blue, green...etc
font-family:
family-name: define-se pelo nome da letra, p. ex:"verdana", "helvetica", "arial", etc.
generic-family: define-se genericamente, p. ex:"serif", "sans-serif", "cursive", etc.
font-size:
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)
%
font-style:
normal: letra normal na vertical
italic: letra inclinada
oblique:letra obliqua
font-variant:
normal: letra normal
small-caps: transforma em maiúsculas de menor altura
font-weight:
normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900


-----------------------------------------------------------------------------------------

Margens:

margin-top => margem superior;
margin-right => margem direita;
margin-bottom => margem inferior;
margin-left => margem esquerda;
margin => todas as margens;

valores:
auto: valor default da margem
length: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)
%: porcentagem da largura do elemento pai


------------------------------------------------------------------------------------------

Espaçamentos:

padding-top => espaçamento superior;
padding-right => espaçamento direita;
padding-bottom => espaçamento inferior;
padding-left => espaçamento esquerda;
padding => todos os espaçamentos

valores:
auto: valor default da margem
length: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)
%: porcentagem da largura do elemento pai


------------------------------------------------------------------------------------------

Bordas:

border-top => borda superior;
border-right => borda direita;
border-bottom => borda inferior;
border-left => borda esquerda;
border => todos as bordas;

valores:

color:
código hexadecimal: #FFFFFF
código rgb: rgb(255,235,0)
nome da cor: red, blue, green...etc
style:
none: nenhuma borda
hidden: equivalente a none
dotted: borda pontilhada
dashed: borda tracejada
solid: borda contínua
double: borda dupla
groove: borda entalhada
ridge: borda em ressalto
inset: borda em baixo relevo
outset: borda em alto relevo
width:
thin: borda fina
medium: borda média
thick: borda grossa
length: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)


------------------------------------------------------------------------------------------

Fundo:

background-color:
código hexadecimal: #FFFFFF
código rgb: rgb(255,235,0)
nome da cor: red, blue, green...etc
transparente: transparent
background-image:
URL: url(caminho/imagem.gif)
background-repeat:
não repete: no-repeat
repete vertical e horizontal: repeat
repete vertical: repeat-y
repete horizontal: repeat-x
background-attachment:
imagem fixa na tela: fixed
imagem "rola" com a tela: scroll
background-position:
x-pos y-pos
x-% y-%
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right


------------------------------------------------------------------------------------------

Listas:

list-style-image:
none
URL: url(caminho/marcador.gif)
list-style-position:
outside: marcador fora do alinhamento do texto
inside: marcador alinhado com texto
list-style-type:
none: sem marcador
disc: círculo (bolinha cheia)
circle: circunferência (bolinha vazia)
square: quadrado cheio
decimal: números 1, 2, 3, 4, ...
decimal-leading-zero
lower-roman: romano minúsculo i, ii, iii, iv, ...
upper-roman: romano maiúsculo I, II, III, IV, ...
lower-alpha: letra minúscula a, b, c, d, ...
upper-alpha: letra maiúscula A, B, C, D, ...
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha


------------------------------------------------------------------------------------------

Cabou, tem bastante coisa aí.

Coloque o Garça Selvagem nos seus favoritos