CSS: mudanças entre as edições
| Linha 71: | Linha 71: | ||
== Border == | == Border == | ||
Define o estilo, a espessura e a cor das 4 bordas. Aceita de 1 a 3 valores. | Define o estilo, a espessura e a cor das 4 bordas. Aceita de 1 a 3 valores. | ||
| Linha 121: | Linha 120: | ||
Definem o estilo, a espessura e a cor das bordas superiores. Aceita de 1 a 3 valores. | Definem o estilo, a espessura e a cor das bordas superiores. Aceita de 1 a 3 valores. | ||
'''border-top-style''' | |||
Define o estilo da borda superior. | |||
Valores: | |||
* none | * none | ||
| Linha 141: | Linha 140: | ||
Define a espessura da borda superior. | Define a espessura da borda superior. | ||
Valores: | |||
* thin | * thin | ||
| Linha 150: | Linha 151: | ||
Define a cor da borda superior. | Define a cor da borda superior. | ||
Valores: | |||
* nomecor | * nomecor | ||
| Linha 181: | Linha 184: | ||
Define a espessura da borda direita. | Define a espessura da borda direita. | ||
Valores: | |||
* thin | * thin | ||
| Linha 190: | Linha 195: | ||
Define a cor da borda direita. | Define a cor da borda direita. | ||
Valores: | |||
* nomecor | * nomecor | ||
| Linha 221: | Linha 228: | ||
Define a espessura da borda esquerda. | Define a espessura da borda esquerda. | ||
Valores: | |||
* thin | * thin | ||
| Linha 230: | Linha 239: | ||
Define a cor da borda esquerda. | Define a cor da borda esquerda. | ||
Valores: | |||
* nomecor | * nomecor | ||
| Linha 240: | Linha 251: | ||
Definem o estilo, a espessura e a cor das bordas inferiores. Aceita de 1 a 3 valores. | Definem o estilo, a espessura e a cor das bordas inferiores. Aceita de 1 a 3 valores. | ||
'''border-bottom-style''' | '''border-bottom-style''' | ||
Define o estilo da borda inferior. | Define o estilo da borda inferior. | ||
Valores: | |||
* none | * none | ||
| Linha 259: | Linha 270: | ||
'''border-bottom-width''' | '''border-bottom-width''' | ||
Valores: | |||
Define a espessura da borda inferior. | Define a espessura da borda inferior. | ||
| Linha 270: | Linha 283: | ||
Define a cor da borda inferior. | Define a cor da borda inferior. | ||
Valores: | |||
* nomecor | * nomecor | ||
| Linha 276: | Linha 291: | ||
* rgb(d,d,d) | * rgb(d,d,d) | ||
* rgb(d%,d%,d%) | * rgb(d%,d%,d%) | ||
== box-shadow == | == box-shadow == | ||
Edição das 17h47min de 25 de agosto de 2024
Css 3
Propriedades
Background
Define todos os parâmetros referentes ao fundo de um elemento. Aceita de 1 a 5 valores.
Valores:
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
Border
Define o estilo, a espessura e a cor das 4 bordas. Aceita de 1 a 3 valores.
Valores:
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%)
border-top
Definem o estilo, a espessura e a cor das bordas superiores. Aceita de 1 a 3 valores.
border-top-style
Define o estilo da borda superior.
Valores:
- none
- hidden
- dotted
- dashed
- solid
- double
- groove
- ridge
- inset
- outset
border-top-width
Define a espessura da borda superior.
Valores:
- thin
- medium
- thick
- unids_css
border-top-color
Define a cor da borda superior.
Valores:
- nomecor
- #rrggbb
- #rgb
- rgb(d,d,d)
- rgb(d%,d%,d%)
border-right
Definem o estilo, a espessura e a cor das bordas direitas. Aceita de 1 a 3 valores.
Valores:
border-right-style
Define o estilo da borda direita.
- none
- hidden
- dotted
- dashed
- solid
- double
- groove
- ridge
- inset
- outset
border-right-width
Define a espessura da borda direita.
Valores:
- thin
- medium
- thick
- unids_css
border-right-color
Define a cor da borda direita.
Valores:
- nomecor
- #rrggbb
- #rgb
- rgb(d,d,d)
- rgb(d%,d%,d%)
border-left
Definem o estilo, a espessura e a cor das bordas esquerdas. Aceita de 1 a 3 valores.
Valores:
border-left-style
Define o estilo da borda esquerda.
- none
- hidden
- dotted
- dashed
- solid
- double
- groove
- ridge
- inset
- outset
border-left-width
Define a espessura da borda esquerda.
Valores:
- thin
- medium
- thick
- unids_css
border-left-color
Define a cor da borda esquerda.
Valores:
- nomecor
- #rrggbb
- #rgb
- rgb(d,d,d)
- rgb(d%,d%,d%)
border-bottom
Definem o estilo, a espessura e a cor das bordas inferiores. Aceita de 1 a 3 valores.
border-bottom-style
Define o estilo da borda inferior.
Valores:
- none
- hidden
- dotted
- dashed
- solid
- double
- groove
- ridge
- inset
- outset
border-bottom-width
Valores:
Define a espessura da borda inferior.
- thin
- medium
- thick
- unids_css
border-bottom-color
Define a cor da borda inferior.
Valores:
- nomecor
- #rrggbb
- #rgb
- rgb(d,d,d)
- rgb(d%,d%,d%)
box-shadow
Atribui um efeito de sombra á fonte.
Sintaxe
seletor{
box-shadow: A B C D E F;
}
Onde:
- A: Opção INSET ou OUTSET
* INSET: Coloca a sombra pra dentro do elemento. * OUTSET: Coloca a sombra para o lado de fora da box (valor padrão).
- B: OFFSET X
Fonte
WCS3