accent-color |
Specify the emphasis color of the user interface control. |
align-content |
Define the alignment method between rows within the flexible container when items do not use all available space. |
align-items |
Define the alignment method of items within the flexible container. |
align-self |
Define the alignment method of the selected items within the flexible container. |
all |
Reset all properties (except unicode-bidi and direction). |
animation |
Abbreviated property for all animation-* properties. |
animation-delay |
Define the delay before the animation starts. |
animation-direction |
Define whether the animation is played forward, backward, or alternately. |
animation-duration |
Define the time it should take for the animation to complete one cycle. |
animation-fill-mode |
Define the style of the element when the animation is not playing (before starting, after ending, or both). |
animation-iteration-count |
Define the number of times the animation is played. |
animation-name |
Define the name of the @keyframes animation. |
animation-play-state |
Define whether the animation is played or paused. |
animation-timing-function |
Define the speed curve of the animation. |
aspect-ratio |
Specify the preferred aspect ratio of the element. |
caption-side |
Define a forma de posicionamento dos títulos das tabelas. |
caret-color |
Define a cor do cursor dentro de input, textarea ou qualquer elemento editável. |
@charset |
Define o código de caracteres de codificação utilizado na tabela de estilos. |
clear |
Define qual lado do elemento não deve flutuar. |
clip |
Recorte elementos absolutamente posicionados. |
clip-path |
Corta o elemento em forma básica ou origem SVG. |
color |
Define a cor do texto. |
color-scheme |
Indica qual esquema de cores do sistema operacional deve ser usado para renderizar o elemento. |
column-count |
Determina o número de colunas que o elemento deve dividir. |
column-fill |
Especifica como as colunas devem ser preenchidas (se balanceadas). |
column-gap |
Determina o espaçamento entre as colunas. |
column-rule |
Atributo abreviado de todas as propriedades column-rule-*. |
column-rule-color |
Determina a cor das regras entre as colunas. |
column-rule-style |
Determina o estilo das regras entre as colunas. |
column-rule-width |
Determina a largura das regras entre as colunas. |
column-span |
Determina quantas colunas o elemento deve cruzar. |
column-width |
Determina a largura da coluna. |
columns |
Atributo abreviado de column-width e column-count. |
@container |
Define o estilo dos elementos dentro do contêiner com base no tamanho ou estilo do contêiner. |
content |
Usado com os pseudo-elementos :before e :after para inserir conteúdo gerado. |
counter-increment |
Aumenta ou diminui o valor de um ou mais contadores CSS. |
counter-reset |
Cria ou redefine um ou mais contadores CSS. |
counter-set |
Cria ou define um ou mais contadores CSS. |
@counter-style |
Permite que você defina estilos de contadores personalizados. |
cursor |
Determina o cursor a ser exibido ao apontar para o elemento. |
filter |
Define o efeito antes da exibição do elemento (por exemplo, desfoque ou desvio de cor). |
flex |
Atributo abreviado de flex-grow, flex-shrink e flex-basis. |
flex-basis |
Determina o comprimento inicial do item flexível. |
flex-direction |
Determina a direção do item flexível. |
flex-flow |
Atributo abreviado de flex-direction e flex-wrap. |
flex-grow |
Aumento da quantidade do item em relação aos outros itens. |
flex-shrink |
Redução da quantidade do item em relação aos outros itens. |
flex-wrap |
Determina se o item flexível deve quebrar linha. |
float |
Determina se a caixa (box) deve ser flutuante. |
font |
Atributo abreviado que define font-style, font-variant, font-weight, font-size/line-height e font-family. |
@font-face |
Permite regras para que o site baixe e use outras fontes além das "web-safe". |
font-family |
Determina a família de fonte (família de caracteres) do texto. |
font-feature-settings |
Permite controlar características avançadas de impressão em fontes OpenType. |
@font-feature-values |
Permite que o criador use nomes genéricos em font-variant-alternate para ativar características de forma diferente no OpenType. |
font-kerning |
Controla o uso de informações de ajuste de espaçamento (kerning). |
font-language-override |
Controla o uso de formas de caracteres específicas de idioma na fonte. |
@font-palette-values |
Permite que você personalize os valores padrão do pallete de fontes. |
font-size |
Determina o tamanho da fonte do texto. |
font-size-adjust |
Manter a legibilidade quando ocorrer fallback de fonte. |
font-stretch |
Escolhe uma fonte comum, comprimida ou estendida da família de caracteres. |
font-style |
Determina o estilo da fonte do texto. |
font-synthesis |
Controla quais fontes ausentes (negrito ou itálico) podem ser sintetizadas pelo navegador. |
font-variant |
Determina se o texto deve ser exibido em letras minúsculas. |
font-variant-alternates |
Controla o uso de alternativas de forma de caracteres associados a nomes alternativos definidos em @font-feature-values. |
font-variant-caps |
Controla o uso de alternativas de forma de letras maiúsculas. |
font-variant-east-asian |
Controla o uso de alternativas de forma de caracteres de escrita oriental (por exemplo, chinês e japonês). |
font-variant-ligatures |
Controla o uso de ligaduras e formas contextuais em conteúdo de texto aplicável ao elemento. |
font-variant-numeric |
Controla o uso de alternativas de forma de caracteres para números, frações e marcadores de ordem. |
font-variant-position |
Controla o uso de alternativas de forma de caracteres pequenos, que são posicionados em relação à linha de base como subscrito ou sobrescrito. |
font-weight |
规定字体的粗细。 |
margin |
define todas as propriedades de margem em uma única declaração. |
margin-block |
especifica a margem externa na direção bloco. |
margin-block-end |
especifica a margem externa no final da direção bloco. |
margin-block-start |
especifica a margem externa no início da direção bloco. |
margin-bottom |
define a margem inferior externa do elemento. |
margin-inline |
especifica o margem externa direita na direção inline. |
margin-inline-end |
Especificar a margem no final da direção inline. |
margin-inline-start |
Especificar a margem no início da direção inline. |
margin-left |
Define a margem esquerda externa do elemento. |
margin-right |
Define a margem direita externa do elemento. |
margin-top |
Define a margem superior externa do elemento. |
marker |
Aponta para o marcador que será desenhado em todos os vértices (primeiro, intermediário e último) do caminho do elemento. |
marker-end |
Aponta para o marcador que será desenhado no último vértice do caminho do elemento. |
marker-mid |
Aponta para o marcador que será desenhado em todos os vértices intermediários do caminho do elemento. |
marker-start |
Aponta para o marcador que será desenhado no primeiro vértice do caminho do elemento. |
mask |
Abreviação das seguintes propriedades:
|
mask-clip |
Especificar a área afetada pela imagem de máscara. |
mask-composite |
Especificar a operação de composição usada entre a camada de máscara atual e a camada de máscara inferior. |
mask-image |
Especificar a imagem usada como camada de máscara do elemento. |
mask-mode |
Especificar se a imagem da camada de máscara é tratada como uma máscara de brilho ou uma máscara alpha. |
mask-origin |
Especificar a posição original da imagem da camada de máscara (área de posição da máscara). |
mask-position |
Define a posição inicial da imagem da camada de máscara (relativa à área de posição da máscara). |
mask-repeat |
Especificar o modo de repetição da imagem da camada de máscara. |
mask-size |
Especificar o tamanho da imagem da camada de máscara. |
mask-type |
Especificar SVG Determina se o elemento é tratado como uma máscara de brilho ou uma máscara alpha. |
max-height |
Define a altura máxima do elemento. |
max-width |
Define a largura máxima do elemento. |
@media |
Define regras de estilo para diferentes tipos de mídia, dispositivos e tamanhos. |
max-block-size |
Define o tamanho máximo do elemento na direção block. |
max-inline-size |
Define o tamanho máximo do elemento na direção inline. |
min-block-size |
Define o tamanho mínimo do elemento na direção block. |
min-inline-size |
Define o tamanho mínimo do elemento na direção inline. |
min-height |
Define a altura mínima do elemento. |
min-width |
Define a largura mínima do elemento. |
mix-blend-mode |
Determina como o conteúdo do elemento deve ser mesclado com o fundo do pai direto. |
object-fit |
Determina como o conteúdo do elemento deve se ajustar ao tamanho da caixa usada para a altura e largura. |
object-position |
Especifica o modo de alinhamento do elemento substituído dentro da caixa. |
offset |
Abreviação das seguintes propriedades:
|
offset-anchor |
Especifica o ponto fixo do elemento no caminho da animação. |
offset-distance |
Especifica a posição do elemento no caminho da animação. |
offset-path |
Especifica o caminho do elemento ao longo da animação. |
offset-position |
Especifica a posição inicial do elemento ao longo do caminho. |
offset-rotate |
Especifica a rotação do elemento ao longo do caminho de animação. |
opacity |
Define o nível de opacidade do elemento. |
order |
Define a ordem do item flexível em relação aos outros itens. |
orphans |
Define o número mínimo de linhas que devem ser mantidas no fundo da página ou da coluna. |
orphans |
Define o número mínimo de linhas que devem ser mantidas no fundo da página quando ocorrer paginação no elemento. |
outline |
Abreviação da propriedade das propriedades outline-width, outline-style e outline-color. |
outline-color |
Define a cor do contorno. |
outline-offset |
Desloca o contorno e o desenha além da margem da borda. |
outline-style |
Define o estilo do contorno. |
outline-width |
Define a largura do contorno. |
overflow |
Determina o que acontece se o conteúdo transbordar a caixa do elemento. |
overflow-anchor |
Determina se o conteúdo visível deve ser empurrado para baixo ao carregar novos conteúdos em um contêiner rolável. |
overflow-wrap |
Determina se o navegador pode quebrar uma palavra longa quando ela transborda o contêiner. |
overflow-wrap |
Determina se o navegador pode quebrar uma palavra no meio para evitar transbordamento (quando a string é muito longa para se adaptar ao contêiner que a contém). |
overflow-x |
Determina se as margens esquerda e direita do conteúdo serão cortadas, se ele extrapolar o área de conteúdo do elemento. |
overflow-y |
Determina se as margens superior e inferior do conteúdo serão cortadas, se ele extrapolar o área de conteúdo do elemento. |
overscroll-behavior |
Especifica se haverá ou não efeito de rolagem em cascata ou deslizamento excessivo nas direções x e y. |
overscroll-behavior-block |
Especifica se haverá ou não efeito de rolagem em cascata ou deslizamento excessivo na direção block. |
overscroll-behavior-inline |
Especifica se haverá ou não efeito de rolagem em cascata ou deslizamento excessivo na direção inline. |
overscroll-behavior-x |
Especifica se haverá ou não efeito de rolagem em cascata ou deslizamento excessivo na direção x. |
overscroll-behavior-y |
Especifica se haverá ou não efeito de rolagem em cascata ou deslizamento excessivo na direção y. |
padding |
Abreviação de todas as propriedades padding-*. |
padding-block |
Especificar a margem na direção block. |
padding-block-end |
Especificar a margem final na direção block. |
padding-block-start |
Especificar a margem inicial na direção block. |
padding-bottom |
Definir a margem inferior interna do elemento. |
padding-inline |
Especificar a margem interna na direção inline. |
padding-inline-end |
Especificar a margem interna final na direção inline. |
padding-inline-start |
Especificar a margem interna inicial na direção inline. |
padding-left |
Definir a margem esquerda interna do elemento. |
padding-right |
Definir a margem direita interna do elemento. |
padding-top |
Definir a margem superior interna do elemento. |
@page |
Personalizar o tamanho, orientação e margens da página de impressão. |
page-break-after |
Definir o comportamento de quebra de página (page-break) após o elemento. |
page-break-before |
Definir o comportamento de quebra de página (page-break) antes do elemento. |
page-break-inside |
Definir o comportamento de quebra de página (page-break) dentro do elemento. |
paint-order |
Definir a ordem de desenho de elementos SVG ou texto. |
perspective |
Fornecer uma perspectiva para elementos posicionados em 3D. |
perspective-origin |
Definir a posição onde o usuário vê o elemento posicionado em 3D. |
place-content |
Especificar os valores das propriedades align-content e justify-content do flexbox e do layout da grade. |
place-items |
Especificar os valores das propriedades align-items e justify-items do layout da grade. |
place-self |
Especificar os valores das propriedades align-self e justify-self do layout da grade. |
pointer-events |
Definir se o elemento responde a eventos de ponteiros. |
position |
Especificar o tipo de método de alinhamento do elemento (estático, relativo, absoluto ou fixo). |
@property |
Definir propriedades CSS personalizadas diretamente na tabela de estilos, sem a necessidade de executar nenhum JavaScript. |
scale |
Especifica o tamanho do elemento através de ampliação ou redução. |
@scope |
Permite que você selecione elementos específicos de uma subárvore DOM e os localize com precisão, sem precisar de seletores muito específicos. |
scroll-behavior |
Define se a caixa de rolagem rola suavemente ou salta diretamente. |
scroll-margin |
A margem externa entre a posição de adesão e o contêiner. |
scroll-margin-block |
A margem externa entre a posição de adesão no bloco e o contêiner. |
scroll-margin-block-end |
A margem externa entre a posição de adesão no final do bloco e o final do contêiner. |
scroll-margin-block-start |
A margem externa entre a posição de adesão no início do bloco e o início do contêiner. |
scroll-margin-bottom |
A margem externa entre a posição de adesão inferior e o contêiner. |
scroll-margin-inline |
A margem externa entre a posição de adesão na direção da linha e o contêiner. |
scroll-margin-inline-end |
A margem externa entre a posição de adesão no final da direção da linha e o final do contêiner. |
scroll-margin-inline-start |
A margem externa entre a posição de adesão no início da direção da linha e o início do contêiner. |
scroll-margin-left |
A margem externa entre a posição de adesão esquerda e o contêiner. |
scroll-margin-right |
A margem externa entre a posição de adesão direita e o contêiner. |
scroll-margin-top |
A margem externa entre a posição de adesão superior e o contêiner. |
scroll-padding |
A distância do contêiner até a posição de adesão do elemento. |
scroll-padding-block |
A distância do contêiner na direção do bloco até a posição de adesão do elemento. |
scroll-padding-block-end |
A distância do final do contêiner na direção do bloco até a posição de adesão do elemento. |
scroll-padding-block-start |
A distância do início do contêiner na direção do bloco até a posição de adesão do elemento. |
scroll-padding-bottom |
A distância do fundo do contêiner até a posição de adesão do elemento. |
scroll-padding-inline |
A distância do contêiner na direção da linha até a posição de adesão do elemento. |
scroll-padding-inline-end |
A distância do final do contêiner na direção da linha até a posição de adesão do elemento. |
scroll-padding-inline-start |
A distância do início do contêiner na direção da linha até a posição de adesão do elemento. |
scroll-padding-left |
Especifica a distância do lado esquerdo do contêiner para a posição de adesão do elemento filho. |
scroll-padding-right |
Especifica a distância do lado direito do contêiner para a posição de adesão do elemento filho. |
scroll-padding-top |
Especifica a distância do topo do contêiner para a posição de adesão do elemento filho. |
scroll-snap-align |
Especifica a posição do elemento quando o usuário para a rolagem. |
scroll-snap-stop |
Especifica o comportamento de rolagem após uma rápida deslização no touchpad ou tela tátil. |
scroll-snap-type |
Especifica o comportamento de adesão durante a rolagem. |
scrollbar-color |
Especifica a cor da barra de rolagem do elemento. |
shape-outside |
Define a forma de envolvimento do conteúdo inline. |
@starting-style |
Define o estilo inicial do elemento antes da primeira atualização de estilo. |
@supports |
Usado para testar se o navegador suporta uma característica CSS específica. |