Propriedades CSS
Tese: Propriedades CSS. Pesquise 862.000+ trabalhos acadêmicosPor: amandaleticiasc • 10/12/2014 • Tese • 1.369 Palavras (6 Páginas) • 240 Visualizações
1 - FUNDO
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
background-color Define a cor de fundo de um elemento.
Valores: nomecor | #rrggbb | #rgb | rgb(d,d,d) |
rgb(d%,d%,d%) | transparent
background-image Define uma imagem como fundo de um elemento.
Valores: url | none
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
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
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
2 - BORDAS
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
border-top border-right border-bottom border-left
Definem o estilo, a espessura e a cor das bordas superior, direita, inferior e esquerda. Aceitam de 1 a 3 valores.
Valores: border-style | border-width | border-color
border-top-style border-top-width border-top-color Definem o estilo, a espessura e a cor da borda superior. Aceitam de 1 a 3 valores.
Valores: border-style | border-width | border-color
border-right-style border-right-width border-right-color
Definem o estilo, a espessura e a cor da borda direita. Aceitam de 1 a 3 valores.
Valores: border-style | border-width | border-color
border-bottom-style border-bottom-width border-bottom-color
Definem o estilo, a espessura e a cor da borda inferior. Aceitam de 1 a 3 valores.
Valores: border-style | border-width | border-color
border-left-style border-left-width border-left-color Definem o estilo, a espessura e a cor da borda esquerda. Aceitam de 1 a 3 valores.
Valores: border-style | border-width | border-color
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
border-width Define a espessura das 4 bordas. Aceita de 1 a 4 valores.
Valores: thin | medium | thick | unids_css
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%)
3 - LINHAS DE CONTORNO
outline Define o estilo, a espessura e a cor da linha de contorno. Aceita de 1 a 3 valores.
Valores: outline-style | outline-width | outline-color
outline-style Define o estilo da linha de contorno.
Valores: none | hidden | dotted | dashed | solid |
double | groove | ridge | inset | outset
outline-width Define a espessura da linha de contorno.
Valores: thin | medium | thick | unids_css
outline-color Define a cor da linha de contorno.
Valores: nomecor | #rrggbb | #rgb | rgb(d,d,d) |
rgb(d%,d%,d%) | invert
4 - MARGENS
margin Define as 4 margens do elemento. Aceita de 1 a 4 valores.
Valores: margin-top | margin-right | margin-bottom
| margin-left
margin-top margin-right margin-bottom margin-left
Definem as margens superior, direita, inferior e esquerda.
Valores: auto | unids_css | %
5 - ESPAÇO EM BRANCO (PADDING)
padding Define o espaço entre o conteúdo e os 4 limites do elemento. Aceita de 1 a 4 valores.
Valores: padding-top | padding-right | padding- bottom | padding-left
padding-top padding-right padding-bottom padding-left
Definem o espaço entre o conteúdo e os limites superior, direito, inferior e esquerdo.
Valores: unids_css | %
6 - CLASSIFICAÇÃO (FORMA DE EXIBIÇÃO)
clear Define os lados de um elemento onde não são permitidos elementos flutuantes.
Valores: left | right | both | none
cursor Define um formato para o cursor.
Valores: url | auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help
display Define se um elemento deve ser apresentado e a forma de apresentação.
Valores:
...