Referência da propriedade css

Video: Aula 12 - CSS: Propriedades

A tabela a seguir mostra as propriedades CSS que são suportados pela maioria dos navegadores de hoje, juntamente com os seus valores permitidos. Algumas dessas propriedades são parte das especificações do CSS3 e ainda são experimentais, então não se esqueça de verificar com o Eu posso usar local para as últimas informações sobre o suporte ao navegador. (Para obter ajuda lendo a coluna de valores desta tabela, consulte o artigo &ldquo-A guia rápido para os CSS Valor Definição Sintaxe&rdquo- em faqcartx.info/extras/beginninghtml5css3.)

Video: Aula 07 - CSS: Propriedades

Nomevalores
animação ||
animação em atraso
animação-sentidonormais | alternativo | reverter | reverso alternativo
animação-duração
animation-fill-modeNenhum | forwards | para trás | ambos
animação iteração contageminfinito |
animation-nameNenhum |
animation-play-statecorrendo | pausado
animação-sincronismo-função
backface-visibilidadevisível | escondido
background-attachmentrolar | fixa | herdar
background-clipeborder-box | padding-box | conteúdo de caixa | herdar
cor de fundo | herdar
imagem de fundo | Nenhum | herdar
background-origemborder-box | padding-box | conteúdo de caixa | herdar
-fundo posição[[ | | deixou | centro | certo ] [ | | topo | centro | inferior ]? ] | [[Esquerda | centro | right] || [Top | centro | inferior]] | herdar
fundo de repetiçãorepetir | repeat-x | repeat-y | no-repeat | herdar
background-size | | auto | cobrir | conter
fundo[&lsquo-background-color&rsquo- || &lsquo-background-image&rsquo- ||&lsquo-fundo-repete&rsquo- ||&lsquo-fundo-apego&rsquo- || background-position] | herdar
fronteira-colapsocolapso | separado | herdar
Cor da borda[ ] {1,4} | herdar
border-imageNenhum |
border-image-início[ ‘lados’ || ‘Horizontal’ || ‘Vertical’ || ‘Top’ || ‘Bottom’ || ‘Direito’ || ‘Esquerda’] | herdar
border-image-repeat[ ‘Type’ || ‘Horizontal’ || ‘Vertical’ || ‘Stretch’ || ‘Repeat’ || ‘Round’] | herdar
border-image-sourceNenhum |
border-image-slice[ | ] {1,4} && encher?
fronteira-imagem de largura[ | | | auto] {1,4}
fronteira-raio[ | ] {1,4} [/ [ | ] {1,4}]?
fronteira-espaçamento ? | herdar
estilo de borda{1,4} | herdar
border-top border-right border-bottom border-left[|| || border-top-color] | herdar
border-right border-top-color; cor border-bottom-color border-left; cor | herdar
border-top-left; raio border-top-direita; raio border-bottom-left; raio border-bottom-direita; raio[ | ] {1,2}
border-top-style border-right; border-left estilo-bottom-style fronteira; estilo | herdar
border-top-largura de borda direita; largura da borda de fundo de largura fronteira esquerda; largura | herdar
fronteira de largura{1,4} | herdar
fronteira[|| || border-top-color] | herdar
inferior | | auto | herdar
Sombra da caixaNenhum | [inserir? && [? ? ? ]] #
quebrar-depoisauto | sempre | evitar | deixou | direito | página | coluna | evitar páginas | evitar-coluna
quebrar-beforeauto | sempre | evitar | deixou | direito | página | coluna | evitar páginas | evitar-coluna
subtítulo-ladotopo | bottom | herdar
ClaroNenhum | deixou | direito | ambos | herdar
grampo | auto | herdar
cor | herdar
colunaslt; ‘coluna-width`gt; || lt; ‘coluna-count`gt;
coluna de contagem | auto
coluna de enchimentoauto | equilibrar
coluna de fenda | normal
coluna da regralt; ‘coluna da regra-width`gt; || lt; ‘coluna da regra-style`gt; || lt; ‘coluna da regra-color`gt;
coluna da regra-color
coluna da regra de estilo[Nenhum | escondida | pontilhada | frustradas | sólida | duplo | sulco | cume | inset | início] | herdar
coluna da regra de largura | [Fina | médio | Grosso]
coluna do vãoNenhum | todos | herdar
largura da coluna | auto
conteúdonormais | Nenhum | [ | | | attr () | abrir-quote | close-quote | no-open-quote | no-fim-quote] + | herdar
contra-incremento[ ? ] + | Nenhum | herdar
contra-reinicialização[ ? ] + | Nenhum | herdar
cursor[[ ,] * [Auto | mira | default | ponteiro | mover | e-redimensionamento | ne-resize | nw-resize | n-redimensionamento | se-redimensionamento | sw-resize | s-resize | w-resize | texto | esperar | ajudar | progresso]] | herdar
direçãoltr | RTL | herdar
exibiçãoem linha | bloquear | list-item | inline-block | mesa | inline-mesa | table-row-grupo | table-header-group | table-footer-group | table-row | table-column-group | tabela de coluna | mesa de células | table-caption | Nenhum | herdar
células vaziasmostrar | esconder | herdar
flutuadordeixou | direito | Nenhum | herdar
família de fontes[[| ] [, | ] *] | herdar
tamanho da fonte | | |
| herdar
estilo de fontenormais | itálico | oblíqua | herdar
font-variantenormais | small-caps | herdar
espessura da FONTEnormais | negrito | mais ousado | mais leve | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | herdar
Fonte[[ &lsquo-font-style&rsquo- || &lsquo-fonte variante&rsquo- || &lsquo-peso da fonte&rsquo-]?&fonte de tamanho lsquo-&rsquo- [/ &lsquo-linha-altura&rsquo-]? font-family] | caption | ícone | Menu | mensagem-box | pequeno-caption | Status-bar | herdar
altura | | auto | herdar
@keyframes[[A partir | para | ] [, A partir | para | ]* quadra ]*
esquerda | | auto | herdar
letter-spacingnormais | | herdar
altura da linhanormais | | |

| herdar
list-style-image | Nenhum | herdar
list-style-positiondentro | fora | herdar
list-style-typedisco | círculo | quadrado | decimal | decimal-líder de zero | lower-roman | upper-romano | inferior grego | inferior Latina | superior Latina | armenian | georgian | lower-alpha | upper-alpha | Nenhum | herdar
list-style[ &lsquo-list-style-type&rsquo- || &lsquo-list-style-position&rsquo- || list-style-image] | herdar
margin-right margin-left | herdar
margem superior margem de fundo | herdar
margem{1,4} | herdar
altura máxima | | Nenhum | herdar
largura máxima | | Nenhum | herdar
min-altura | | herdar
min-width | | herdar
opacidade | herdar
órfãos | herdar
outline-color | inverter | herdar
outline-style | herdar
outline-width | herdar
esboço[ &lsquo-outline-color&rsquo- || &lsquo-outline-style&rsquo- || outline-width] | herdar
transbordarvisível | escondida | rolar | auto | herdar
estouro-wrapnormais | quebrar-word | herdar
overflow-xvisível | escondida | rolar | auto | herdar
overflow-yvisível | escondida | rolar | auto | herdar
padding-top padding-right padding-bottom padding-left | herdar
preenchimento{1,4} | herdar
page-break-afterauto | sempre | evitar | deixou | direito | herdar
-Page-break antesauto | sempre | evitar | deixou | direito | herdar
page-break-insideevitar | auto | herdar
perspectivaNenhum |
perspectiva de origem[
| | deixou | centro | direito | topo | bottom] | [[ | | deixou | centro | certo ] && [ | | topo | centro | inferior ] ]
posiçãoestática | relativa | absoluto | fixa | herdar
citações[ ] + | Nenhum | herdar
certo | | auto | herdar
table-layoutauto | fixa | herdar
alinhamento de textodeixou | direito | centro | justificar | herdar
text-decorationNenhum | [Sublinhar || overline || A linha-por meio de || piscar] | herdar
text-indent | | herdar
text-transformcapitalizar | maiúscula | minúsculas | Nenhum | herdar
topo | | auto | herdar
transformarNenhum | +
transform-origin[ | | deixou | centro | direito | topo | bottom] | [[ | | deixou | centro | certo ] && [ | | topo | centro | inferior ] ] ?
transformar-styleplana | preservar-3d
transição[Nenhum | ] ||
-transição atraso
duração da transição
-transição de temporização-função
de transição de propriedadeNenhum | # [ &lsquo-,&rsquo- #] *
Unicode-bidinormais | incorporar | bidi-override | herdar
vertical-alignlinha de base | sub | Super | topo | text-top | meio | bottom | text-bottom | | | herdar
visibilidadevisível | escondida | colapso | herdar
white-spacenormais | pre | nowrap | pré-wrap | pré-line | herdar
viúvas | herdar
largura | | auto | herdar
word-spacingnormais | | herdar
z-índiceauto | | herdar

Publicações relacionadas