Home | Importante! | História | Tutorial | HTML | Glossário | Faqs | Buscadores | Sinapse |
Fóruns | ASCII | Cores | JavaScript | CSS | Links | Novidades | Browsers | Conclusão |
Cascading Style Sheets |
Cascading Style Sheets ou Folhas de Estilo em Castata, é o nome de uma tecnologia criada para complementar a linguagem HTML e facilitar a criação e manutenção de sites na Web. Sua primeira versão ou CSS1 foi lançada em Dezembro de 1996 e é um modelo simples de formatação, na maior parte para apresentações screen-based. O CSS1 tem aproximadamente 60 propriedades.
A versão CSS2, lançada em Maio de 1998, foi desenvolvida sobre o CSS1 e, além de incluir todas as propriedades do CSS1, possui por volta de 70 propriedades novas. Ambos os padrões CSS1 & CSS2 são reconhecidos pelo W3C (World Wide Web Consortium ), entidade que cuida do desenvolvimento e padronização das tecnologias ligadas à Web.
O objetivo dessa seção é apresentar uma lista das principais propriedades da Folha de Estilo e facilitar a sua localização nesta HP. Isso porque os assuntos relacionados e seus respectivos exemplos encontram-se distribuidos em diversos arquivos, então julguei mais simples criar um índice em ordem alfabética com links direcionados do que separar os assuntos. Espero que isso facilite sua pesquisa e o ajude a encontrar o que procura.
A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z |
background | Define a cor de fundo da página |
background-attachment | Determina de a imagem será fixa ou não. | |
fixed | Fixa a imagem de fundo. |
background-image | Define uma imagem de fundo na página, parágrafo ou texto. | |
url | Indica o diretório e o nome do arquivo. |
background-repeat | Define a disposição que a imagem deverá ocupar no fundo. | |
no-repeat | É posicionada no canto superior esquerdo. | |
repeat-x | A imagem irá se repetir na horizontal. | |
repeat-y | A imagem irá se repetir na vertical. |
background-position | Determina uma posição onde a imagem de fundo deve aparecer. | |
bottom | Alinha a imagem de background na base. | |
center | Centraliza a imagem de background. | |
left | Alinha de background à imagem a esquerda. | |
right | Alinha de background à imagem a direita. | |
top | Alinha a imagem de background no topo. | |
centimeters (cm) | Centímetros. | |
inches (in) | Polegadas. | |
percentage (%) | Porcentagem. | |
pointd (pt) | Pontos. | |
pixels (px) | Pixels. |
border | Define uma borda que irá envolver o objeto. |
border-bottom | Borda base. | |
border-bottom-color | Cor da borda base. | |
border-bottom-style | Estilo da borda base. | |
border-bottom-width | Largura da borda base. |
border-color | Define a cor da borda. |
border-collapse | Efeito Collapse. | |
collapse | Borda em alto relevo refinada. |
border-left | Borda esquerda. | |
border-left-color | Cor da borda esquerda. | |
border-left-style | Estilo da borda esquerda. | |
border-left-width | Largura da borda esquerda. |
border-right | Borda direita. | |
border-right-color | Cor da borda direita. | |
border-right-style | Estilo da borda direita. | |
border-right-width | Largura da borda direita. |
border-style | Define o estilo da borda. | |
solid | Sólida. | |
dashed | Tracejada. | |
dotted | Pontilhada. | |
double | Dupla. | |
groove | Entalhada. | |
ridge | Eriçada. | |
inset | Baixo relevo. | |
outset | Alto relevo. | |
none | Sem borda. |
border-top | Borda topo. | |
border-top-color | Cor da borda topo. | |
border-top-style | Estilo da borda topo. | |
border-top-width | Largura da borda topo. |
border-width | Especifica a espessura da borda. | |
thin | Fina. | |
medium | Média. | |
thick | Grossa. | |
px | Determina a espessura em pixels. |
color | Especifica a cor do texto. |
cursor | Altera o formato do cursor. | |
help | Interrogação. | |
crosshair | Cruz. | |
default | Cursor padrão. | |
hand | Mão padrão. | |
move | Cruz com setas. | |
n-resite | Seta para o norte. | |
ne-resize | Seta para o nordeste. | |
e-resize | Seta para o leste. | |
se-resize | Seta para o sudeste. | |
s-resize | Seta para o sul. | |
sw-resize | Seta para o sudoeste. | |
w-resize | Seta para o oeste. | |
nw-resize | Seta para o noroeste. | |
text | Inserção. | |
wait | Ampulheta. |
direction | Define um sentido de leitura jogando o texto à margem direita ou esquerda. | |
ltr | Da esquerda para a direita. | |
rtl | Da direita para a esquerda. |
filter | Cria efeito visuais em objetos. | |
alpha | Efeito de opacidade. | |
blur | Efeito 3D. | |
chroma | Filtra uma cor pré-definida do objeto. | |
dropshadow | Efeito de sombreamento disfocado. | |
fliph | Inverte a imagem do objeto horizontalmente. | |
flipv | Inverte a imagem do objeto verticalmente. | |
glow | Efeito de borramento. | |
gray | Apresenta o objeto em tons de cinza. | |
invert | Inverte as cores do objeto. | |
mask | Efeito transparente negativa. | |
motion-blur | Cria um efeito de velocidade ao objeto. | |
shadow | Efeito sombreado. | |
wave | Efeito de ondulação. | |
xray | Filtro de cores semelhante ao gray. |
float | Define o objeto como flutuante. | |
left | Objeto à esquerda. | |
right | Objeto à direita. | |
none | Mostra o objeto sem alteração. |
font-family | Seleciona o tipo da fonte. | |
Arial | Arial. | |
Bookman Old Style | Bookman Old Style. | |
Courier New | Courier New. | |
MS Sans Serif | MS Sans Serif. | |
Times New Roman | Times New Roman. | |
Verdana | Verdana. | |
etc, etc... | E muitas outras... |
font-size | Muda o tamanho absoluto ou relativo da fonte. | |
xx-small | Muito pequeno 2. | |
x-small | Muito pequeno 1. | |
small | Pequeno. | |
medium | Médio. | |
large | Grande. | |
x-large | Muito grande 1. | |
xx-large | Muito grande 2. |
font-style | Seleciona o estilo da fonte. | |
italic | Italico. | |
normal | Normal. | |
oblique | Obliquo. |
font-weight | Define a espessura da fonte. | |
extra-bold | Extra negrito. | |
bold | Negrito. | |
semi-bold | Semi negrito. | |
medium | Médio. | |
semi-light | Semi leve. | |
light | Leve. | |
extra-light | Extra leve. |
font-variant | Variação de tamanho das fontes caixa alta. | |
normal | Normal. | |
small-caps | Caixa alta pequena. |
height | Define a altura do objeto. | |
points (pt) | Pontos. | |
inches (in) | Polegadas. | |
centimeters(cm) | Centímetros. | |
pixels (px) | Pixels. |
letter-spacing | Define um espaço entre as letras. | |
points (pt) | Pontos. | |
inches (in) | Polegadas. | |
centimeters(cm) | Centímetros. | |
pixels (px) | Pixels. |
line-height | Define a espessura da linha. | |
points (pt) | Pontos. | |
inches (in) | Polegadas. | |
centimeters(cm) | Centímetros. | |
pixels (px) | Pixels. | |
percentage (%) | Porcentagem. |
margin | Define uma margem equidistante entre o objeto e seus quatro lados. | |
margin-bottom | Define uma margem da base. | |
margin-left | Define uma margem esquerda. | |
margin-right | Define uma margem direita. | |
margin-top | Define uma margem de topo. | |
points (pt) | Pontos. | |
inches (in) | Polegadas. | |
centimeters(cm) | Centímetros. | |
pixels (px) | Pixels. |
padding | Cria um espaçamento entre o objeto e as suas quatro bordas. | |
padding-bottom | Espaço entre o objeto e a borda da base. | |
padding-left | Espaço entre o objeto e a borda esquerda. | |
padding-right | Espaço entre o objeto e a borda direita. | |
padding-top | Espaço entre o objeto e a borda do topo. | |
points (pt) | Pontos. | |
inches (in) | Polegadas. | |
centimeters(cm) | Centímetros. | |
pixels (px) | Pixels. |
position | Posicionamento de objetos. | |
absolute | Posicionamento absoluto. | |
relative | Posicionamento relativo. | |
Static | Posicionamento Estático. |
text-align | Especifica o alinhamento do texto. | |
left | Pelo lado esquesdo. | |
center | Pelo centro. | |
right | Pelo lado direito. | |
justify | Justificado. |
text-decoration | Altera o atributo do texto. | |
none | Nenhum. | |
underline | Sublinhado. | |
overline | Sobrelinha. | |
line-through | Riscado. | |
italic | Itálico. |
text-indent | Cria um parágrafo no início do texto. | |
points (pt) | Pontos. | |
inches (in) | Polegadas. | |
centimeters(cm) | Centímetros. | |
pixels (px) | Pixels. |
text-transform | Transformação do texto. | |
capitalize | Converte a primeira letra de cada palavra em maiúscula. | |
lowercase | Converte todo o texto em letras minúsculas. | |
upppercase | Converte todo o texto em letras maiúsculas. |
vertical-align | Alinhamento vertical de objetos. | |
baseline | Alinhamento pela base. | |
bottom | ||
middle | Alinhamento pelo meio. | |
percentage | Especifica uma porcentagem vertical no alinhamento. | |
sub | Cria um texto sub-escrito. | |
super | Cria um texto sobre-escrito. | |
text-bottom | ||
text-top | ||
top | Alinhamento pelo topo. |
white-space | Gerencia como o browser deve tratar os espaços em branco. | |
normal | Espaços normais, condição default. | |
pre | Manterá todos os espaços inseridos. | |
nowrap | Elimina a quebra de linha. |
writing-mode | Gerencia o modo da escrita. | |
lr-tb | Escrita da esquerda para a direita, do topo para baixo. | |
tb-rl | Escrita do topo para baixo, da direita para a esquerda. |
width | Define a largura do objeto. | |
points (pt) | Pontos. | |
inches (in) | Polegadas. | |
centimeters(cm) | Centímetros. | |
pixels (px) | Pixels. |
word-spacing | Altera o espaço entre as palavras. | |
points (pt) | Pontos. | |
inches (in) | Polegadas. | |
centimeters(cm) | Centímetros. | |
pixels (px) | Pixels. |
z-index | Define uma hierarquia na sobreposição dos objetos. |
Home | Importante! | História | Tutorial | HTML | Glossário | Faqs | Buscadores | Sinapse |
Fóruns | ASCII | Cores | JavaScript | CSS | Links | Novidades | Browsers | Conclusão |