English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
o objeto Style representa uma única declaração de estilo.
o objeto Style pode ser acessado a partir do documento ou do elemento ao qual o estilo é aplicado.
a tabela a seguir lista as propriedades do objeto Style.
“ CSS”coluna indica em qual versão do CSS a propriedade está definida (CSS1，CSS2ou CSS3）。
| propriedade | descrição | CSS |
|---|---|---|
| alignContent | quando os itens não usam todo o espaço disponível, definir ou retornar o alinhamento entre as linhas dentro do contêiner flexível | 3 |
| alignItems | definir ou retornar o alinhamento dos itens dentro de um contêiner flexível | 3 |
| alignSelf | definir ou retornar o alinhamento dos itens dentro de um contêiner flexível | 3 |
| animation | todas as propriedades de animação abaixo, exceto animationPlayState | 3 |
| animationDelay | definir ou retornar o tempo de início da animação | 3 |
| animationDirection | definir ou retornar se a animação deve ser alternada uma vez | 3 |
| animationDuration | definir ou retornar o tempo necessário para completar um ciclo da animação em segundos ou milissegundos | 3 |
| animationFillMode | definir ou retornar o valor aplicado fora do tempo de execução da animação | 3 |
| animationIterationCount | definir ou retornar o número de vezes que a animação deve ser reproduzida | 3 |
| animationName | definir ou retornar o nome da animação @keyframes | 3 |
| animationTimingFunction | definir ou retornar a curva de velocidade da animação | 3 |
| animationPlayState | definir ou retornar se a animação deve ser executada ou pausada | 3 |
| background | definir ou retornar todos os atributos de fundo em uma declaração | 1 |
| backgroundAttachment | definir ou retornar se a imagem de fundo deve ser fixa ou rolar com a página | 1 |
| backgroundColor | definir ou retornar a cor de fundo do elemento | 1 |
| backgroundImage | definir ou retornar a imagem de fundo do elemento | 1 |
| backgroundPosition | definir ou retornar a posição inicial da imagem de fundo | 1 |
| backgroundRepeat | definir ou retornar como a imagem de fundo deve ser repetida (estampada) | 1 |
| backgroundClip | definir ou retornar a área de pintura do fundo | 3 |
| backgroundOrigin | definir ou retornar a área de localização da imagem de fundo | 3 |
| backgroundSize | definir ou retornar o tamanho da imagem de fundo | 3 |
| backfaceVisibility | definir ou retornar se o elemento deve ser visível quando não está virado para a tela | 3 |
| border | definir ou retornar borderWidth, borderStyle e borderColor em uma declaração | 1 |
| borderBottom | definir ou retornar todos os atributos de borda inferior em uma declaração | 1 |
| borderBottomColor | definir ou retornar a cor da borda inferior | 1 |
| borderBottomLeftRadius | definir ou retornar a forma da borda no canto inferior esquerdo | 3 |
| borderBottomRightRadius | definir ou retornar a forma da borda no canto inferior direito | 3 |
| borderBottomStyle | definir ou retornar o estilo da borda inferior | 1 |
| borderBottomWidth | definir ou retornar a largura da borda inferior | 1um |
| borderCollapse | definir ou retornar se as bordas da tabela devem ser empilhadas em uma única borda | 2 |
| borderColor | definir ou retornar a cor da borda do elemento (pode ter até quatro valores) | 1 |
| borderImage | atributo abreviado para definir ou retornar todos os atributos de borderImage | 3 |
| borderImageOutset | definir ou retornar a quantidade de área da imagem de borda que ultrapassa a borda | 3 |
| borderImageRepeat | definir ou retornar se a imagem deve ser repetida, arredondada ou esticada na borda | 3 |
| borderImageSlice | definir ou retornar o deslocamento da borda da imagem para dentro | 3 |
| borderImageSource | definir ou retornar a imagem usada como borda | 3 |
| borderImageWidth | definir ou retornar a largura da borda da imagem | 3 |
| borderLeft | definir ou retornar todos os atributos de borda esquerda em uma declaração | 1 |
| borderLeftColor | definir ou retornar a cor da borda esquerda | 1 |
| borderLeftStyle | definir ou retornar o estilo da borda esquerda | 1 |
| borderLeftWidth | definir ou retornar a largura da borda esquerda | 1um |
| borderRadius | atributo abreviado para definir ou retornar todos os quatro atributos de borderRadius | 3 |
| borderRight | definir ou retornar todos os atributos de borda direita em uma declaração | 1 |
| borderRightColor | definir ou retornar a cor da borda direita | 1 |
| borderRightStyle | definir ou retornar o estilo da borda direita | 1 |
| borderRightWidth | definir ou retornar a largura da borda direita | 1 |
| borderSpacing | definir ou retornar o espaço entre as células da tabela | 2 |
| borderStyle | definir ou retornar o estilo da borda do elemento (pode ter até quatro valores) | 1 |
| borderTop | definir ou retornar todos os atributos de borda superior em uma declaração | 1 |
| borderTopColor | Define ou retorne a cor da borda superior | 1 |
| borderTopLeftRadius | Define ou retorne a forma da borda superior esquerda | 3 |
| borderTopRightRadius | Define ou retorne a forma da borda superior direita | 3 |
| borderTopStyle | Define ou retorne o estilo da borda superior | 1 |
| borderTopWidth | Define ou retorne a largura da borda superior | 1 |
| borderWidth | Define ou retorne a largura da borda do elemento (pode ter até quatro valores) | 1 |
| bottom | Define ou retorne a posição inferior do elemento posicionado | 2 |
| boxDecorationBreak | Define ou retorne o comportamento do fundo e da borda do elemento em um marcador de página ou no comportamento do fundo e da borda dos elementos em linha na quebra de linha | 3 |
| boxShadow | Adiciona uma ou mais sombras ao frame | 3 |
| boxSizing | Permite que você defina alguns elementos para se adequar a uma área de certa forma | 3 |
| captionSide | Define ou retorne a posição do título da tabela | 2 |
| clear | Define ou retorne a posição do elemento em relação ao objeto flutuante | 1 |
| clip | Define ou retorne qual parte do elemento posicionado deve ser visível | 2 |
| color | Define ou retorne a cor do texto | 1 |
| columnCount | Define ou retorne o número de colunas que o elemento deve dividir | 3 |
| columnFill | Define ou retorne como as colunas devem ser preenchidas | 3 |
| columnGap | Define ou retorne o espaçamento entre as colunas | 3 |
| columnRule | Atributo abreviado para definir ou retornar todas as propriedades columnRule | 3 |
| columnRuleColor | Define ou retorne a cor da regra entre as colunas | 3 |
| columnRuleStyle | Define ou retorne o estilo da regra entre as colunas | 3 |
| columnRuleWidth | Define ou retorne a largura da regra entre as colunas | 3 |
| columns | Atributo abreviado para definir ou retornar columnWidth e columnCount | 3 |
| columnSpan | Define ou retorne quantas colunas o elemento deve cruzar | 3 |
| columnWidth | Define ou retorne a largura da coluna | 3 |
| content | Usado juntamente com os pseudo-elementos :before e :after para inserir conteúdo gerado | 2 |
| counterIncrement | Aumenta um ou mais contadores | 2 |
| counterReset | Cria ou redefine um ou mais contadores | 2 |
| cursor | Define ou retorne o tipo de cursor a ser exibido para o ponteiro do mouse | 2 |
| direction | Define ou retorne a direção do texto | 2 |
| display | Define ou retorne o tipo de exibição do elemento | 1 |
| emptyCells | Define ou retorne se a borda e o fundo das células vazias devem ser exibidos | 2 |
| filter | Define ou retorne o filtro de imagem (efeitos visuais, como borrão e saturação) | 3 |
| flex | Define ou retorne a largura do item em relação ao resto dos elementos | 3 |
| flexBasis | Definir ou retornar a comprimento inicial do material elástico | 3 |
| flexDirection | Definir ou retornar a direção do item elástico | 3 |
| flexFlow | Atributo abreviado para flexDirection e flexWrap | 3 |
| flexGrow | Definir ou retornar a quantidade de crescimento do item em relação aos outros itens | 3 |
| flexShrink | Definir ou retornar como o item se contrai em relação aos outros itens | 3 |
| flexWrap | Definir ou retornar se o item elástico deve ser empacotado | 3 |
| cssFloat | Definir ou retornar o alinhamento horizontal do elemento | 1 |
| font | Definir ou retornar fontStyle, fontVariant, fontWeight, fontSize, lineHeight e fontFamily em uma declaração | 1 |
| fontFamily | Definir ou retornar a família de caracteres da fonte do texto | 1 |
| fontSize | Definir ou retornar o tamanho da fonte do texto | 1 |
| fontStyle | Definir ou retornar se o estilo da fonte é normal, itálico ou negrito | 1 |
| fontVariant | Definir ou retornar se a fonte deve ser exibida em minúsculas ou maiúsculas | 1 |
| fontWeight | Definir ou retornar se a fonte deve ser negrito | 1 |
| fontSizeAdjust | Manter a legibilidade do texto durante o fallback da fonte | 3 |
| fontStretch | Escolher uma fonte comum, comprimida ou estendida da família de caracteres | 3 |
| hangingPunctuation | Especificar se os sinais de pontuação podem ser colocados fora da caixa de linha | 3 |
| height | Definir ou retornar a altura do elemento | 1 |
| hyphens | Definir como dividir palavras para melhorar o layout do parágrafo | 3 |
| icon | Permite que o autor use estilos equivalentes de sinal para definir o estilo do elemento | 3 |
| imageOrientation | Especificar a rotação direita ou no sentido horário aplicada pelo agente de usuário à imagem | 3 |
| isolation | Definir se o elemento deve criar novo conteúdo de empilhamento | 3 |
| justifyContent | Quando o item não usar todo o espaço disponível, definir ou retornar o alinhamento do item no contêiner elástico. | 3 |
| left | Definir ou retornar a posição à esquerda do elemento alinhado | 2 |
| letterSpacing | Definir ou retornar o espaço entre os caracteres do texto | 1 |
| lineHeight | Definir ou retornar o espaço entre as linhas do texto | 1 |
| listStyle | Definir ou retornar listStyleImage, listStylePosition e listStyleType em uma declaração | 1 |
| listStyleImage | Definir ou retornar uma imagem como marcador de item da lista | 1 |
| listStylePosition | Definir ou retornar a posição do marcador de item da lista | 1 |
| listStyleType | Definir ou retornar o tipo de marcador de item da lista | 1 |
| margin | definir ou retornar a margem do elemento (pode conter até quatro valores) | 1 |
| marginBottom | definir ou retornar a margem inferior do elemento | 1 |
| marginLeft | definir ou retornar a margem esquerda do elemento | 1 |
| marginRight | definir ou retornar a margem direita do elemento | 1 |
| marginTop | definir ou retornar a margem superior do elemento | 1 |
| maxHeight | definir ou retornar a altura máxima do elemento | 2 |
| maxWidth | definir ou retornar a largura máxima do elemento | 2 |
| minHeight | definir ou retornar a altura mínima do elemento | 2 |
| minWidth | definir ou retornar a largura mínima do elemento | 2 |
| navDown | definir ou retornar a posição de navegação ao usar a tecla de seta para baixo | 3 |
| navIndex | definir ou retornar a ordem de tabulação do elemento | 3 |
| navLeft | definir ou retornar a posição de navegação ao usar a tecla de seta para esquerda | 3 |
| navRight | definir ou retornar a posição de navegação ao usar a tecla de seta para direita | 3 |
| navUp | definir ou retornar a posição de navegação ao usar a tecla de seta para cima | 3 |
| objectFit | especificar como o conteúdo do elemento substituído deve se ajustar ao tamanho da caixa estabelecido pela altura e largura | 3 |
| objectPosition | especificar o alinhamento do elemento dentro da caixa do elemento substituído | 3 |
| opacity | definir ou retornar o nível de opacidade do elemento | 3 |
| order | definir ou retornar a ordem do item flexível em relação aos outros itens | 3 |
| orphans | definir ou retornar o número mínimo de linhas que o elemento deve manter na parte inferior da página quando ocorrer uma quebra de página dentro do elemento | 2 |
| outline | definir ou retornar todas as propriedades do contorno em uma declaração | 2 |
| outlineColor | definir ou retornar a cor do contorno ao redor do elemento | 2 |
| outlineOffset | deslocar o contorno e desenhá-lo fora da margem da borda | 3 |
| outlineStyle | definir ou retornar o estilo do contorno ao redor do elemento | 2 |
| outlineWidth | definir ou retornar a largura da contorno ao redor do elemento | 2 |
| overflow | definir ou retornar como o conteúdo apresentado fora da caixa do elemento deve ser tratado | 2 |
| overflowX | especificar na margem esquerda do conteúdo/como lidar com o excedente do conteúdo do elemento na margem direita | 3 |
| overflowY | especificar no topo do conteúdo/como lidar com o excedente do conteúdo do elemento na margem inferior | 3 |
| padding | definir ou retornar o preenchimento do elemento (pode conter até quatro valores) | 1 |
| paddingBottom | definir ou retornar o preenchimento inferior do elemento | 1 |
| paddingLeft | definir ou retornar o preenchimento esquerdo do elemento | 1 |
| paddingRight | definir ou retornar o preenchimento direito do elemento | 1 |
| paddingTop | definir ou retornar o preenchimento superior do elemento | 1 |
| pageBreakAfter | definir ou retornar o comportamento do símbolo de quebra de página após o elemento | 2 |
| pageBreakBefore | Definir ou retornar o comportamento do símbolo de quebra de página antes do elemento | 2 |
| pageBreakInside | Definir ou retornar o comportamento do símbolo de quebra de página dentro do elemento | 2 |
| perspective | Definir ou retornar como ver3A perspectiva do elemento D | 3 |
| perspectiveOrigin | Definir ou retornar3A posição inferior do elemento D | 3 |
| position | Definir ou retornar o tipo de método de localização usado para o elemento (estático, relativo, absoluto ou fixo) | 2 |
| quotes | Definir ou retornar o tipo de aspas usado para citar | 2 |
| resize | Definir ou retornar se o elemento pode ser ajustado em tamanho pelo usuário | 3 |
| right | Definir ou retornar a posição correta do elemento de alinhamento | 2 |
| tableLayout | Definir ou retornar o modo de disposição das células da tabela, linhas e colunas | 2 |
| tabSize | Definir ou retornar o comprimento do tabulador | 3 |
| textAlign | Definir ou retornar o modo de alinhamento horizontal do texto | 1 |
| textAlignLast | Definir ou retornar o modo de alinhamento antes da quebra de linha forçada quando o alinhamento do texto é 'justify' | 3 |
| textDecoration | Definir ou retornar a decoração do texto | 1 |
| textDecorationColor | Definir ou retornar a cor da decoração do texto | 3 |
| textDecorationLine | Definir ou retornar o tipo de linha na decoração do texto | 3 |
| textDecorationStyle | Definir ou retornar o estilo da linha na decoração do texto | 3 |
| textIndent | Definir ou retornar o recuo da primeira linha do texto | 1 |
| textJustify | Definir ou retornar o método de alinhamento usado quando o texto estiver alinhado como 'justify' | 3 |
| textOverflow | Definir ou retornar o que deve ocorrer quando o texto transborda o elemento contendo | 3 |
| textShadow | Definir ou retornar o efeito de sombra do texto | 3 |
| textTransform | Definir ou retornar o texto em maiúsculas | 1 |
| top | Definir ou retornar a posição superior do elemento de alinhamento | 2 |
| transform | Tranformar2D ou3A transformação D é aplicada ao elemento | 3 |
| transformOrigin | Definir ou retornar a posição do elemento após a transformação | 3 |
| transformStyle | Definir ou retornar em3O modo de renderização de elementos aninhados no espaço D | 3 |
| transition | Usado para definir ou retornar a propriedade abreviada de quatro propriedades de transição | 3 |
| transitionProperty | Definir ou retornar a propriedade CSS alvo do efeito de transição | 3 |
| transitionDuration | Definir ou retornar os segundos ou milissegundos necessários para completar o efeito de transição | 3 |
| transitionTimingFunction | Definir ou retornar a curva de velocidade do efeito de transição | 3 |
| transitionDelay | Definir ou retornar o tempo de início do efeito de transição | 3 |
| unicodeBidi | Definir ou retornar se o texto deve ser reescrito para suportar múltiplos idiomas no mesmo documento | 2 |
| userSelect | Definir ou retornar se o texto do elemento pode ser selecionado | 2 |
| verticalAlign | Definir ou retornar o alinhamento vertical do conteúdo do elemento | 1 |
| visibilidade | Definir ou retornar se o elemento deve ser visível | 2 |
| whiteSpace | Definir ou retornar como lidar com tabulações, quebras de linha e espaços no texto | 1 |
| largura | Definir ou retornar a largura do elemento | 1 |
| wordBreak | Definir ou retornar as regras de quebra de linha para scripts não CJK | 3 |
| wordSpacing | Definir ou retornar o espaçamento entre palavras no texto | 1 |
| wordWrap | Permite que palavras longas e inquebráveis sejam quebradas e quebradas na próxima linha | 3 |
| widows | Definir ou retornar o número mínimo de linhas visíveis no topo da página para o elemento | 2 |
| zIndex | Definir ou retornar a ordem de empilhamento do elemento posicionado | 2 |
Tutorial HTML:HTML CSS
Tutorial CSS:Tutorial CSS
Referência HTML:Marcador <style> do HTML
Referência CSS:Atributos CSS