Bordas
i. border-top-width: - Define a espessura da borda superior. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
ii. border-right-width: - Define a espessura da borda direita. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
iii. border-bottom-width: - Define a espessura da borda inferior. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
iv. border-left-width: - Define a espessura da borda esquerda. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
v. border-width: - Define a espessura das 4 bordas. Aceita de 1 a 4 valores.
Valores: thin | medium | thick | unids_css
vi. border-top-color: - Define a cor da borda superior. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
vii. border-right-color: - Define a cor da borda direita. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
viii. border-bottom-color: - Define a cor da borda inferior. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
ix. border-left-color: - Define a cor da borda esquerda. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
x. border-color: - Define a cor das 4 bordas. Aceita de 1 a 4 valores.
Valores: nomecor | #rrggbb | #rgb | rgb(d, d, d) | rgb(d%, d%, d%)
xi. border-top-style: - Define o estilo da borda superior. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
xii. border-right-style: - Define o estilo da borda direita. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
xiii. border-bottom-style: - Define o estilo da borda inferior. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
xiv. border-left-style: - Define o estilo da borda esquerda. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
xv. border-style: - Define o estilo das 4 bordas. Aceita de 1 a 4 valores.
Valores: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
xvi. border-top: - Define o estilo, a espessura e a cor das bordas superior. Aceita de 1 a 3
valores
Valores: border-style | border-width | border-color
xvii. border-right: - Define o estilo, a espessura e a cor das bordas direita. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
xviii. border-bottom: - Define o estilo, a espessura e a cor das bordas inferior. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
xix. border-left: - Define o estilo, a espessura e a cor das bordas superior. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
xx. border: - Define o estilo, a espessura e a cor das 4 bordas. Aceita de 1 a 3 valores.
Valores: border-style | border-width | border-color
Margens
i. margin-top: - Define a margem superior
Valores: auto | unids_css | %
ii. margin-right: - Define a margem direita
Valores: auto | unids_css | %
iii. margin-bottom: - Define a margem inferior
Valores: auto | unids_css | %
iv. margin-left: - Define a margem esquerda
Valores: auto | unids_css | %
v. margin: - Define as 4 margens do elemento. Aceita de 1 a 4 valores.
Valores: margin-top | margin-right | margine bottom | margin-left
vi. padding-top: - Define o espaço entre o conteúdo e o limite superior
Valores: unids_css | %
vii. padding-right: - Define o espaço entre o conteúdo e o limite direito
Valores: unids_css | %
viii. padding-bottom: - Define o espaço entre o conteúdo e o limite inferior
Valores: unids_css | %
ix. padding-left: - Define o espaço entre o conteúdo e o limite esquerdo
Valores: unids_css | %
x. padding: - Define o espaço entre o conteúdo e os 3 limites do elemento. Aceita de 1 a 4 valores.
Valores: padding-top | padding-right | padding-bottom | padding-left
Cores e fundo
i. color: - Define a cor do texto.
Valores: nomecor | #rrggbb | #rgb | rgb(d, d, d) | rgb(d%, d%, d%)
ii. background-color: - Define a cor de fundo de um elemento.
Valores: nomecor | #rrggbb | #rgb | rgb(d, d, d) | rgb(d%, d%, d%) | transparent
iii. background-image :- Define uma imagem como fundo de um elemento.
Valores: url | none
iv. background-repeat: - Define se a imagem vai repetir (formando um mosaico) ou não e a direção da repetição.
Valores: repeat | repeat-x | repeat-y | no-repeat
v. background-attachment: - Define se a imagem de fundo de um elemento ficará fixa ou se irá rolar junto com o conteúdo.
Valores: scroll | fixed
vi. background-position: - Define o ponto onde inicia o desenho da imagem de fundo.
Valores: top left | top center | top right | center left | center center | center right | bottom left | bottom center | bottom right | x% y% | x unids_css y unids_css
vii. background: - Define todos os parâmetros referentes ao fundo de um elemento. Aceita de 1 a 5 valores.
Valores: background-color | background-image | background-repeat | background-attachment | background-position
Fontes Tipográficas
i. font-family: - Define o tipo de fonte.
Valores: family-name | generic-family
ii. font-style: - Define o estilo da fonte.
Valores: normal | italic | oblique
iii. font-variant: - Define se deve ser utilizado um tipo de fonte "small-caps ou normal.
Valores: normal | small-caps
iv. font-weight: - Defines a espessura do traço da fonte.
Valores: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
v. font-size: - Define o tamanho da fonte.
Valores: xx-small | x-small | small | medium | large | x-large | xx-large | smaller | larger | unids_css | %
vi. font: - Define vários valores da fonte.
Valores: font-family | font-size/line-height | font-style | font-weight | font-variant | caption | icon | menu | message-box | small-caption | status-bar
Texto
i. text-indent: - Define um deslocamento para a direita ou esquerda da primeira linha do texto.
Valores: unids_css | %
ii. text-align: - Define o alinhamento do texto.
Valores: left | right | center | justify
iii. text-decoration: - Define um efeito decorativo para o texto.
Valores: none | underline | overline | line-through | blink
iv. letter-spacing: - Define um aumento ou diminuição no espaço entre os caracteres.
Valores: normal | unids_css
v. word-spacing: - Define um aumento ou diminuição no espaço entre as palavras.
Valores: normal | unids_css
vi. text-transform: - Define que o texto deve ser capitalizado ou ser exibido todo em maiúsculas ou minúsculas.
Valores: none | capitalize | uppercase | lowercase
Modelo de Formatação Visual
i. float: - Define o alinhamento de um elemento e controla o fluxo de texto ou de outros elementos ao seu redor.
Valores: left | right | none
ii. clear: - Define os lados de um elemento onde não são permitidos elementos flutuantes.
Valores: left | right | both | none
iii. width - Define a largura de um elemento.
Valores: auto | unids_css | %
iv. height: - Define a altura de um elemento.
Valores: auto | unids_css | %
v. line-height: Define a distância entre linhas de texto controla o espaçamento entre linhas.
Valores: normal | número | unids_css | %
vi. vertical-align: - Define o alinhamento vertical do elemento.
Valores: baseline | sub | super | top | text-top | middle | bottom | text-bottom | unids_css | %
Listas
i. list-style-type: - Define o tipo de marcador de item da lista.
Valores: none | disc | circle | square | decimal | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-alpha | upper-alpha | lower-greek | lower-latin | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha
ii. list-style-image: - Define a imagem a ser utilizada como marcador de item da lista.
Valores: none | url
iii. list-style-position: - Define a posição do marcador de item da lista.
Valores: inside | outside
iv. list-style: - Define todos os parâmetros referentes a uma lista. Aceita de 1 a 3 valores.
Valores: list-style-type | list-style-position | list-style-image
http://www.clem.ufba.br/tuts/css/c13.htm
http://maujor.com/tutorial/paddingtut.php
http://marquinh05.com/todas-as-propriedades-css-ordenadas/
http://www.w3c.br/divulgacao/guiasreferencia/css2/
http://www.abpsoft.com/criacaoweb/cssguiaref.html
Nenhum comentário: