domingo, 5 de maio de 2013
Bordas
1 - border-top-width: largura da borda superior.
2 - border-right-width: largura da borda direita.
3 - border-bottom-width: largura da borda inferior.
4 - border-left-width: largura da borda esquerda.
5 - border-width: largura de todas as bordas.
6 - border‐top‐color: cor da borda especificada.
7 - border‐right‐color: cor da borda direita.
8 - border‐bottom‐color: cor da borda inferior.
9 - border‐left‐color: cor da borda esquerda.
10 - border‐color: cor das 4 bordas especificada.
11 - border‐top‐style: estilo da borda superior.
12 - border‐right‐style: estilo da borda direita.
13 - border‐bottom‐style: estilo da borda inferior.
14 - border‐left‐style: estilo da borda esquerda.
15 - border‐style: : estilo em todas as bordas.
16 - border‐top: estilo na borda superior.
17 - border‐right: borda direita.
18 - border‐bottom: borda inferior.
19 - border‐left: borda esquerda.
20 – border: borda dos 4 lados.
Margens
1 - margin-top: tamanho da margem superior.
2 - margin-right: tamanho da margem direita.
3 - margin-bottom: tamanho da margem inferior.
4 - margin-left: tamanho da margem esquerda.
5 - margin: tamanho das 4 margens.
6 - padding-top: define o espaço superior dos elementos.
7 - padding-right: define o espaço direito dos elementos.
8 - padding-bottom: define o espaço inferior dos elementos.
9 - padding-left: define o espaço esquerdo dos elementos.
10 - padding: define o espaço de todos os lados dos elementos.
2 - margin-right: tamanho da margem direita.
3 - margin-bottom: tamanho da margem inferior.
4 - margin-left: tamanho da margem esquerda.
5 - margin: tamanho das 4 margens.
6 - padding-top: define o espaço superior dos elementos.
7 - padding-right: define o espaço direito dos elementos.
8 - padding-bottom: define o espaço inferior dos elementos.
9 - padding-left: define o espaço esquerdo dos elementos.
10 - padding: define o espaço de todos os lados dos elementos.
Cores e fundo
1- color: cor de primeiro plano.
2 - background‐color: cor de fundo.
3 - background‐image: imagem de fundo.
4 - background‐repeat: imagem configurada lado-a-lado.
5 - background‐attachment: só a imagem de fundo rola.
6 - background‐position: posição da imagem de fundo.
7 – background: pode-se usar todos os parâmetros permitidos para essa propriedade.
2 - background‐color: cor de fundo.
3 - background‐image: imagem de fundo.
4 - background‐repeat: imagem configurada lado-a-lado.
5 - background‐attachment: só a imagem de fundo rola.
6 - background‐position: posição da imagem de fundo.
7 – background: pode-se usar todos os parâmetros permitidos para essa propriedade.
Fontes Tipográficas
1 - font‐family: tipo da fonte.
2 - font‐style: estilo da fonte.
3 - font‐variant: fontes maiúsculas e minúsculas.
4 - font‐weight: largura da fonte.
5 - font‐size: tamanho da fonte.
6 - font: pode-se usar todos os parâmetros permitidos para essa propriedade.
2 - font‐style: estilo da fonte.
3 - font‐variant: fontes maiúsculas e minúsculas.
4 - font‐weight: largura da fonte.
5 - font‐size: tamanho da fonte.
6 - font: pode-se usar todos os parâmetros permitidos para essa propriedade.
Texto
1 - text‐indent: recuo do texto.
2 - text‐align: alinhamento do texto.
3 - text‐decoration: decoração do texto.
4 - letter‐spacing: espaço entre as letras.
5 - word‐spacing: espaço entre as palavras.
6 - text‐transform: forma das letras do texto.
2 - text‐align: alinhamento do texto.
3 - text‐decoration: decoração do texto.
4 - letter‐spacing: espaço entre as letras.
5 - word‐spacing: espaço entre as palavras.
6 - text‐transform: forma das letras do texto.
Modelo de Formatação Visual
1 - float: é um elemento que pode ser empurrado para esquerda e para direita.
2 - clear: controle sobre os posicionamentos que usam float.
3 - width: largura.
4 - height: altura.
5 - line‐height: altura da linha do texto.
6 - vertical‐align: define o aliamento vertical do texto.
2 - clear: controle sobre os posicionamentos que usam float.
3 - width: largura.
4 - height: altura.
5 - line‐height: altura da linha do texto.
6 - vertical‐align: define o aliamento vertical do texto.
Listas
1 - list‐style‐type: tipo de marcador de lista.
2 - list‐style‐image: imagem como marcador de lista.
3 - list‐style‐position: posicionar o marcador de lista.
4 - list‐style: pode-se usar todos os parâmetros permitidos para essa propriedade.
2 - list‐style‐image: imagem como marcador de lista.
3 - list‐style‐position: posicionar o marcador de lista.
4 - list‐style: pode-se usar todos os parâmetros permitidos para essa propriedade.
