accent-color |
Specify the emphasis color for user interface controls. |
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 for items within the flexible container. |
align-self |
Define the alignment method for 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 should play forward, backward, or alternate. |
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 start, after end, or both). |
animation-iteration-count |
Define the number of times the animation should play. |
animation-name |
Define the name of the @keyframes animation. |
animation-play-state |
Define whether the animation should play or pause. |
animation-timing-function |
Define the speed curve of the animation. |
aspect-ratio |
Specify the preferred aspect ratio of the element. |
caption-side |
Define o modo de posicionamento dos títulos da tabela. |
caret-color |
Define a cor do cursor dentro de input, textarea ou qualquer elemento editável. |
@charset |
Define o código de caractere usado na tabela de estilos. |
clear |
Define não permitir que elementos flutue em um lado do elemento. |
clip |
Recorte elementos绝对定位。 |
clip-path |
Corta o elemento em uma forma básica ou em uma fonte 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 para 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 para 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 configura 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 para 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 para flex-direction e flex-wrap. |
flex-grow |
Aumento da quantidade de itens em relação aos outros itens. |
flex-shrink |
Redução da quantidade de itens em relação aos outros itens. |
flex-wrap |
规定弹性项目是否应该换行。 |
flex-wrap |
Determina se o item flexível deve quebrar linha. |
float |
Atributo abreviado que determina se o texto deve ser flutuante. |
@font-face |
Permite regras para que o site baixe e use outras fontes além das "web-safe". |
font-family |
Determina a família da fonte (família de fontes) do texto. |
font-feature-settings |
Permite controlar características avançadas de impressão das fontes OpenType. |
@font-feature-values |
Permite que os criadores usem nomes comuns no font-variant-alternate para ativar características de maneira diferente no OpenType. |
font-kerning |
Controla o uso das informações de ajuste de espaçamento (espaçamento entre letras). |
font-language-override |
Controla o uso das formas de caracteres específicas de idiomas na fonte. |
@font-palette-values |
Permite que você personalize os valores padrão da paleta 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 expandida da família de fontes. |
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 das formas alternativas associadas aos nomes alternativos definidos em @font-feature-values. |
font-variant-caps |
Controla o uso das formas alternativas de letras maiúsculas. |
font-variant-east-asian |
Controla o uso das formas alternativas de caracteres de idiomas asiáticos orientais (por exemplo, chinês e japonês). |
font-variant-ligatures |
Controla o uso das formas alternativas de hiatos e formas contextuais a serem usadas no conteúdo do elemento. |
font-variant-numeric |
Controla o uso das formas alternativas de números, frações e marcadores de ordem. |
font-variant-position |
Controla o uso das formas alternativas de pequenas letras, que são posicionadas acima ou abaixo da linha de base do caractere. |
font-weight |
规定字体的粗细。 |
margin |
define todas as propriedades de margem em uma única declaração. |
margin-block |
especifica a margem na direção bloco. |
margin-block-end |
especifica a margem no final da direção bloco. |
margin-block-start |
especifica a margem no início da direção bloco. |
margin-bottom |
define a margem inferior do elemento. |
margin-inline |
especifica o margem externa na direção inline. |
margin-inline-end |
Specify the outer margin at the end of the inline direction. |
margin-inline-start |
Specify the outer margin at the start of the inline direction. |
margin-left |
Set the left outer margin of the element. |
margin-right |
Set the right outer margin of the element. |
margin-top |
Set the top outer margin of the element. |
marker |
Point to the marker to be drawn at all vertices (first, middle, and last) of the element path. |
marker-end |
Point to the marker to be drawn at the last vertex of the element path. |
marker-mid |
Point to the marker to be drawn at all intermediate vertices of the element path. |
marker-start |
Point to the marker to be drawn at the first vertex of the element path. |
mask |
Abreviação das seguintes propriedades:
|
mask-clip |
Specify the area affected by the mask image. |
mask-composite |
Specify the composite operation used on the current mask layer and the mask layer below it. |
mask-image |
Specify the image used as the element mask layer. |
mask-mode |
Specify whether the mask layer image is processed as a luminance mask or an alpha mask. |
mask-origin |
Specify the original position of the mask layer image (mask position area). |
mask-position |
Set the starting position of the mask layer image (relative to the mask position area). |
mask-repeat |
Specify the repetition method of the mask layer image. |
mask-size |
Specify the size of the mask layer image. |
mask-type |
Specify SVG Determine whether the element is processed as a luminance mask or an alpha mask. |
max-height |
Set the maximum height of the element. |
max-width |
Set the maximum width of the element. |
@media |
Set style rules for different media types, devices, and sizes. |
Set the maximum size of the element in the block direction. |
Set the maximum size of the element in the block direction. |
max-inline-size |
Set the maximum size of the element in the inline direction. |
min-block-size |
Set the minimum size of the element in the block direction. |
min-inline-size |
Set the minimum size of the element in the inline direction. |
min-height |
Set the minimum height of the element. |
min-width |
Set the minimum width of the element. |
mix-blend-mode |
Define how the content of the element should blend with the background of its direct parent. |
object-fit |
Define how the content of the replaced element should fit the box established by its height and width. |
object-position |
Especifica o alinhamento do elemento substituído dentro de sua caixa. |
offset |
Abreviação das seguintes propriedades:
|
offset-anchor |
Especifica o ponto fixo no caminho da animação do elemento. |
offset-distance |
Especifica a posição do elemento no caminho da animação. |
offset-path |
Especifica o caminho ao longo do qual o elemento se move. |
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 elástico em relação aos outros itens. |
orphans |
Define o número mínimo de linhas que devem ser mantidas na parte inferior da página ou da coluna. |
orphans |
Define o número mínimo de linhas que devem ser mantidas na parte inferior da página quando ocorre paginação no elemento. |
outline |
A abreviação dos atributos outline-width, outline-style e outline-color. |
outline-color |
Define a cor do contorno. |
outline-offset |
Desloca o contorno e o desenha fora da borda. |
outline-style |
Define o estilo do contorno. |
outline-width |
Define a largura da 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 para evitar transbordamento do contêiner. |
overflow-wrap |
Determina se o navegador pode quebrar uma palavra no meio para evitar transbordamento (quando uma string é muito longa para se adaptar ao contêiner que a contém). |
overflow-x |
Determina se o conteúdo será cortado nas bordas esquerda e direita, se ele transbordar a área de conteúdo do elemento. |
overflow-y |
Determina se o conteúdo será cortado nas bordas superior e inferior, se ele transbordar a área de conteúdo do elemento. |
overscroll-behavior |
Especifica se há efeito de deslizamento ou deslizamento excessivo nas direções x e y. |
overscroll-behavior-block |
Especifica se há efeito de deslizamento ou deslizamento excessivo na direção block. |
overscroll-behavior-inline |
Especifica se há efeito de deslizamento ou deslizamento excessivo na direção inline. |
overscroll-behavior-x |
Especifica se há efeito de deslizamento ou deslizamento excessivo na direção x. |
overscroll-behavior-y |
Especifica se há efeito de deslizamento ou deslizamento excessivo na direção y. |
padding |
A abreviação dos atributos 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 margem 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 dos elementos SVG ou do texto. |
perspective |
Fornecer perspetiva para o elemento de posicionamento 3D. |
perspective-origin |
Definir a posição que o usuário vê para o elemento de posicionamento 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 ponteiro. |
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 qualquer JavaScript. |
scale |
Especifica o tamanho do elemento através de ampliação ou redução. |
@scope |
Permite que você selecione elementos específicos dentro de uma subárvore DOM e alinhe elementos com precisão, sem precisar de seletores muito específicos. |
scroll-behavior |
Define se a caixa rolável rola suavemente ou saltando 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 na direção do bloco e o contêiner. |
scroll-margin-block-end |
A margem externa entre a posição de adesão na direção do bloco e o final do contêiner. |
scroll-margin-block-start |
A margem externa entre a posição de adesão na direção 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 na direção da linha e o final do contêiner. |
scroll-margin-inline-start |
A margem externa entre a posição de adesão na 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 da esquerda do contêiner para a posição de adesão do filho. |
scroll-padding-right |
Especifica a distância da direita do contêiner para a posição de adesão do filho. |
scroll-padding-top |
Especifica a distância do topo do contêiner para a posição de adesão do 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 um deslize rápido no touchpad ou na 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 certa característica CSS. |