Referência CSS

Referência CSS Suporte ao navegador CSS Seletores CSS Funções CSS Aural de referência CSS Fontes CSS seguras para a Web Fontes CSS Fallback CSS Animatable Unidades CSS CSS PX-EM Converter Cores CSS Valores de cores CSS Valores padrão de CSS Entidades CSS

CSS Properties

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-decoration-break box-shadow box-sizing break-after break-before break-inside caption-side caret-color @charset clear clip clip-path color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-feature-settings font-kerning font-size font-size-adjust font-stretch font-style font-variant font-variant-caps font-weight gap grid grid-area grid-auto-columns grid-auto-flow grid-auto-rows grid-column grid-column-end grid-column-gap grid-column-start grid-gap grid-row grid-row-end grid-row-gap grid-row-start grid-template grid-template-areas grid-template-columns grid-template-rows hanging-punctuation height hyphens image-rendering @import isolation justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top mask-image mask-mode mask-origin mask-position mask-repeat mask-size max-height max-width @media min-height min-width mix-blend-mode object-fit object-position opacity order orphans outline outline-color outline-offset outline-style outline-width overflow overflow-wrap overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin pointer-events position quotes resize right row-gap scroll-behavior tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi user-select vertical-align visibility white-space widows width word-break word-spacing word-wrap writing-mode z-index



Referência de suporte do navegador CSS


Referência CSS com suporte a navegador

A tabela abaixo lista todas as propriedades CSS e como cada propriedade é suportada nos diferentes navegadores:

O número à direita do ícone do navegador indica em qual versão do navegador a propriedade foi suportada pela primeira vez.

Propriedade Beira Raposa de fogo cromada Safári Ópera
UMA          
alinhar-conteúdo 11 28 21 9 12.1
itens de alinhamento 11 20 21 9 12.1
alinhar-se 11 20 21 9 12.1
tudo 79 27 37 9.1 24
animação 10 16 43 9 30
atraso de animação 10 16 43 9 30
direção de animação 10 16 43 9 30
duração da animação 10 16 43 9 30
modo de preenchimento de animação 10 16 43 9 30
animação-iteração-contagem 10 16 43 9 30
nome da animação 10 16 43 9 30
estado de reprodução de animação 10 16 43 9 30
função de temporização de animação 10 16 43 9 30
B          
backface-visibility 10 16 36 4 23
fundo 4 1 1 1 3,5
anexo de fundo 4 1 1 1 3,5
modo de mesclagem de fundo 79 30 35 7.1 22
clipe de fundo 9 4 4 3 10,5
cor de fundo 4 1 1 1 3,5
imagem de fundo 4 1 1 1 3,5
origem de fundo 9 4 4 3 10,5
posição de fundo 4 1 1 1 3,5
fundo de repetição 4 1 1 1 3,5
tamanho de fundo 9 4 4 4.1 10
fronteira 4 1 1 1 3,5
borda inferior 4 1 1 1 3,5
borda-fundo-cor 4 1 1 1 3,5
borda-inferior-esquerda-raio 9 4 5 5 10,5
borda-inferior-direita-raio 9 4 5 5 10,5
estilo de borda inferior 5,5 1 1 1 9.2
largura-fundo-borda 4 1 1 1 3,5
colapso da fronteira 5 1 1 1.2 4
Cor da borda 4 1 1 1 3,5
imagem-borda 11 15 16 6 15
border-image-outset 11 15 15 6 15
border-image-repetir 11 15 15 6 15
fatia-imagem-borda 11 15 15 6 15
fonte-imagem-borda 11 15 15 6 15
largura da imagem da borda 11 13 15 6 15
borda esquerda 4 1 1 1 3,5
borda-cor-esquerda 4 1 1 1 3,5
estilo de borda esquerda 5,5 1 1 1 9.2
largura da borda esquerda 4 1 1 1 3,5
raio de borda 9 4 5 5 10,5
fronteira direita 4 1 1 1 3,5
borda-direita-cor 4 1 1 1 3,5
estilo de borda direita 5,5 1 1 1 9.2
largura da borda direita 4 1 1 1 3,5
espaçamento entre bordas 8 1 1 1 4
estilo de borda 4 1 1 1 3,5
topo de fronteira 4 1 1 1 3,5
borda-top-color 4 1 1 1 3,5
borda-topo-esquerda-raio 9 4 5 5 10,5
borda-topo-direita-raio 9 4 5 5 10,5
estilo de borda superior 5,5 1 1 1 9.2
largura da borda 4 1 1 1 3,5
largura da borda 4 1 1 1 3,5
fundo 5 1 1 1 6
caixa-decoração-quebra 79 32 22 6.1 11,5
Sombra da caixa 9 4 10 5.1 10,5
dimensionamento de caixa 8 29 10 5.1 9,5
intervalo 10 65 50 10 37
quebrar antes 10 65 50 10 37
arrombamento 10 65 50 10 37
C          
lado da legenda 8 1 1 1 4
acento circunflexo 79 53 57 11.1 44
@charset 12 1,5 2 4 9
Claro 5 1 1 1 6
grampo 8 1 1 1 7
caminho de clipe 12 54 55 9.1 42
cor 3 1 1 1 3,5
contagem de colunas 10 52 50 9 37
preenchimento de coluna 10 52 50 10 37
lacuna de coluna 10 52 50 9 37
regra de coluna 10 52 50 9 37
coluna-regra-cor 10 52 50 9 37
estilo de regra de coluna 10 52 50 9 37
largura da regra da coluna 10 52 50 9 37
extensão de coluna 10 71 50 9 37
largura da coluna 10 52 50 9 37
colunas 10 52 50 9 37
contente 8 1 1 1 4
contra-incremento 8 2 4 3.1 9.6
contra-reinicialização 8 2 4 3.1 9.6
cursor 5,5 4 5 5 9.6
D          
direção 5,5 1 2 1.3 9.2
exibição 8 3 4 3.1 7
E          
células vazias 8 1 1 1.2 4
F          
filtro 13 35 53 9.1 40
flexionar 11 28 29 9 17
base flexível 11 28 29 9 17
direção flexível 11 28 29 9 17
fluxo flexível 11 28 29 9 17
flex-grow 11 28 29 9 17
flex-shrink 11 28 29 9 17
envoltório flexível 11 28 29 9 17
flutuador 4 1 1 1 7
Fonte 4 1 1 1 3,5
@Tipo de letra 9 3.6 4 3 10
família de fontes 4 1 1 1 3,5
configurações de recursos de fonte 10 34 48 9.1 35
@font-feature-values 34
fonte-kerning 79 34 33 9.1 20.1
substituição de idioma de fonte 34
tamanho da fonte 5,5 1 1 1 7
ajuste de tamanho da fonte 3
esticar a fonte 9 9 48 11 35
estilo de fonte 4 1 1 1 7
fonte-síntese 34 10
variante de fonte 4 1 1 1 3,5
font-variant-alternates 34 9.1
font-variant-caps 79 34 52 39
font-variant-east-asian 34
font-variant-ligatures 10 34 34 7 19
fonte-variante-numérico 34 52 39
font-variant-position 34
espessura da fonte 4 1 2 1.3 3,5
G          
Gap = Vão 16 61 66 10.1 53
rede 10 52 57 10 44
área de grade 10 52 57 10 44
colunas-auto-grade 10 52 57 10 44
grid-auto-flow 10 52 57 10 44
grid-auto-rows 10 52 57 10 44
coluna de grade 10 52 57 10 44
final da coluna da grade 10 52 57 10 44
grade-coluna-gap 10 52 57 10 44
grid-coluna-início 10 52 57 10 44
lacuna na grade 10 52 57 10 44
linha de grade 10 52 57 10 44
grid-row-end 10 52 57 10 44
grid-row-gap 10 52 57 10 44
grid-row-start 10 52 57 10 44
modelo de grade 10 52 57 10 44
grid-template-áreas 10 52 57 10 44
grid-template-colunas 10 52 57 10 44
grid-template-rows 10 52 57 10 44
H          
pontuação pendente
altura 4 1 1 1 7
hifens 79 43 55 5.1 44
eu          
renderização de imagem 79 65 41 10 28
@importar 5,5 1 1 1 3,5
isolamento 79 36 41 7.1 30
J          
justificar-conteúdo 11 28 29 9 17
K          
@keyframes 10 16 43 9 30
eu          
deixou 5,5 1 1 1 5
espaçamento entre letras 4 1 1 1 3,5
quebra de linha 5,5 1
altura da linha 4 1 1 1 7
estilo de lista 4 1 1 1 7
imagem-estilo-lista 4 1 1 1 7
posição-estilo-lista 4 1 1 1 3,5
tipo de estilo de lista 4 1 1 1 3,5
M          
margem 6 1 1 1 3,5
margem inferior 6 1 1 1 3,5
margem esquerda 6 1 1 1 3,5
margem direita 6 1 1 1 3,5
margem superior 6 1 1 1 3,5
mascarar 12 53 4 4 15
clipe de máscara 79 53 4 4 15
composto de máscara 18 53 4 3.1 15
imagem-máscara 79 53 4 4 15
modo máscara 53
máscara de origem 79 53 4 4 15
posição da máscara 79 53 4 4 15
máscara de repetição 79 53 4 3.1 15
tamanho de máscara 79 53 4 4 15
tipo máscara 79 35 24 7 15
altura máxima 7 1 1 2 7
largura máxima 7 1 1 2 7
@meios de comunicação 9 3,5 21 4 9
min-altura 7 1 1 2 4
largura mínima 7 1 1 2 4
modo de mistura 79 32 41 8 35
N          
@namespace 9 1 1 1 8
O          
ajuste ao objeto 16 36 31 7.1 19
posição-objeto 16 36 31 7.1 19
opacidade 9 2 4 3.1 9
pedido 11 28 29 9 17
órfãos 8 25 3.1 10
contorno 8 1,5 1 1.2 7
cor de contorno 8 1,5 1 1.2 7
contorno-deslocamento 15 3,5 4 3 10,5
estilo de contorno 8 1,5 1 1.2 7
largura do contorno 8 1,5 1 1.2 7
transbordar 4 1 1 1 7
overflow wrap 18  49 23 6.1 12.1
estouro-x 9 3,5 4 3 9,5
estouro-y 9 1,5 4 3 9,5
P          
preenchimento 4 1 1 1 3,5
fundo de preenchimento 4 1 1 1 3,5
padding-esquerda 4 1 1 1 3,5
padding-right 4 1 1 1 3,5
acolchoamento 4 1 1 1 3,5
@página 8 19 15 15
quebra de página depois 4 1 1 1.2 7
quebra de página antes 4 1 1 1.2 7
quebra de página dentro 8 19 1 1.3 7
perspectiva 10 16 36 9 23
perspectiva-origem 10 16 36 9 23
lugar-conteúdo 79 60 59 11.1 51
eventos de ponteiro 11 3.6 2 4 9
posição 7 1 1 1.2 4
Q          
citações 8 1,5 11 5.1 4
R          
redimensionar 79 5 4 4 15
direito 5,5 1 1 1 5
lacuna de linha 16 61 66 12.1 53
S          
comportamento de rolagem 79 36 61 14 48
forma-imagem-limiar 79 62 37 10.1 24
forma-margem 79 62 37 10.1 24
@apoia 12 22 28 9 12.1
T          
tamanho da guia 79 4 21 6.1 15
layout de mesa 5 1 14 1 7
alinhamento de texto 3 1 1 1 3,5
text-align-last 5,5 49 47 34
text-combine-upright 48 48 5.1 35
decoração de texto 3 1 1 1 3,5
texto-decoração-cor 79 36 57 12.1 44
linha de decoração de texto 79 36 57 12.1 44
estilo de decoração de texto 79 36 57 12.1 44
texto-ênfase 46 25 7.1 15
texto-ênfase-cor 46 25 7.1 15
texto-ênfase-posição 46 25 7.1 15
estilo de ênfase de texto 46 25 7.1 15
recuo de texto 3 1 1 1 3,5
justificar texto 5,5 55 10
orientação de texto 79 41 48 14 35
estouro de texto 6 7 4 3.1 11
sombra de texto 10 3,5 4 4 9.6
transformação de texto 4 1 1 1 7
texto-sublinhado-posição 33
principal 5 1 1 1 6
ação de toque 12 52 36 13 23
transformar 10 16 36 9 23
origem de transformação 10 16 36 9 23
estilo de transformação 11 16 36 9 23
transição 10 16 26 6.1 12.1
atraso de transição 10 16 26 6.1 12.1
duração da transição 10 16 26 6.1 12.1
propriedade de transição 10 16 26 6.1 12.1
função de tempo de transição 10 16 26 6.1 12.1
você          
unicode-bidi 5,5 1 2 1.3 9.2
seleção do usuário 79 69 54 3.1 41
V          
alinhamento vertical 4 1 1 1 4
@janela de exibição 10 29 16
visibilidade 4 1 1 1 4
C          
espaço em branco 8 3,5 1 3 9,5
viúvas 8 25 7 10
largura 4 1 1 1 3,5
vai mudar 79 36 36 9.1 24
quebra de palavras 5,5 15 4 3.1 15
espaçamento entre palavras 6 1 1 1 3,5
quebra de linha 5,5 3,5 4 3.1 10,5
modo de escrita 12 41 48 11 35
COM          
índice z 4 3 1 1 4

Explicações do ícone

Compatível com Edge/Internet Explorer
Suportado pelo Firefox
Suportado pelo Chrome
Suportado pelo Safari
Apoiado pela Ópera

Suportado pelo Edge com prefixo -webkit-
Suportado pelo Firefox com prefixo -moz-
Compatível com Chrome com prefixo -webkit-
Suportado pelo Safari com prefixo -webkit-
Suportado pelo Opera com prefixo -webkit-