estilo de objeto
O objeto Estilo representa uma declaração de estilo individual.
Acessar um objeto de Estilo
O objeto de estilo pode ser acessado a partir da seção de cabeçalho do documento, ou de HTML específico element(s) .
Acessando estilo object(s) da seção de cabeçalho do documento:
Acessando objeto de estilo de um elemento especificado:
Criar um objeto de Estilo
Você pode criar um <style> elemento usando o document. createElement() document. createElement() Método:
Você também pode definir as propriedades de estilo de um elemento existente:
Propriedades estilo de objeto
O "CSS" coluna indica em qual versão CSS a propriedade é definida (CSS1, CSS2, or CSS3) .
| Propriedade | Descrição | CSS |
|---|---|---|
| alignContent | Define ou retorna o alinhamento entre as linhas dentro de um recipiente flexível quando os itens não utilizar todo o espaço disponível | 3 |
| alignItems | Define ou retorna para o alinhamento itens dentro de um recipiente flexível | 3 |
| alignSelf | Define ou retorna para o alinhamento itens seleccionados dentro de um recipiente flexível | 3 |
| animation | Uma propriedade estenográfica para todas as propriedades de animação abaixo, exceto a propriedade animationPlayState | 3 |
| animationDelay | Define ou retorna quando a animação vai começar | 3 |
| animationDirection | Define ou retorna se ou não a animação deve jogar no reverso em ciclos alternados | 3 |
| animationDuration | Define ou retorna quantos segundos ou milissegundos uma animação leva para completar um ciclo | 3 |
| animationFillMode | Define ou retorna os valores que são aplicadas pela animação fora do tempo que está executando | 3 |
| animationIterationCount | Define ou retorna o número de vezes que uma animação deve ser jogado | 3 |
| animationName | Define ou retorna um nome para a animação @keyframes | 3 |
| animationTimingFunction | Define ou retorna a curva de velocidade da animação | 3 |
| animationPlayState | Define ou retorna se a animação é execução ou em pausa | 3 |
| background | Define ou retorna todas as propriedades do fundo em uma declaração | 1 |
| backgroundAttachment | Define ou retorna se um background-image é fixa ou rola com a página | 1 |
| backgroundColor | Define ou retorna o background-color de um elemento | 1 |
| backgroundImage | Define ou retorna a imagem de fundo para um elemento | 1 |
| backgroundPosition | Define ou retorna a posição inicial de um background-image | 1 |
| backgroundRepeat | Define ou retorna como repetir (tile) uma imagem de fundo | 1 |
| backgroundClip | Define ou retorna a área da pintura do fundo | 3 |
| backgroundOrigin | Define ou retorna a área de posicionamento das imagens de fundo | 3 |
| backgroundSize | Define ou retorna o tamanho da imagem de fundo | 3 |
| backfaceVisibility | Define ou retorna ou não um elemento deve ser visível quando não voltado para o ecrã | 3 |
| border | Define ou retorna borderWidth, borderStyle e borderColor em uma declaração | 1 |
| borderBottom | Define ou retorna todos os borderBottom * propriedades em uma declaração | 1 |
| borderBottomColor | Define ou retorna a cor da borda inferior | 1 |
| borderBottomLeftRadius | Define ou retorna a forma da borda do canto inferior esquerdo | 3 |
| borderBottomRightRadius | Define ou retorna a forma da borda do canto inferior direito | 3 |
| borderBottomStyle | Define ou retorna o estilo da borda inferior | 1 |
| borderBottomWidth | Define ou retorna a largura da borda inferior | 1 |
| borderCollapse | Define ou retorna se a borda da tabela devem ser recolhidas em uma única fronteira, ou não | 2 |
| borderColor | Define ou retorna a cor da borda de um elemento (pode ter até quatro valores) | 1 |
| borderImage | Um atalho para definir ou retornar todas as propriedades borderImage * | 3 |
| borderImageOutset | Define ou retorna o valor pelo qual a área da imagem fronteira se estende para além da caixa de fronteira | 3 |
| borderImageRepeat | Define ou retorna se a imagem de fronteiras devem ser repetidas, arredondadas ou esticadas | 3 |
| borderImageSlice | Define ou retorna os deslocamentos para dentro da imagem-border | 3 |
| borderImageSource | Define ou retorna a imagem a ser usada como uma fronteira | 3 |
| borderImageWidth | Define ou retorna as larguras da imagem-border | 3 |
| borderLeft | Define ou retorna todo o borderLeft * propriedades em uma declaração | 1 |
| borderLeftColor | Define ou retorna a cor da borda esquerda | 1 |
| borderLeftStyle | Define ou retorna o estilo da borda esquerda | 1 |
| borderLeftWidth | Define ou retorna a largura da borda esquerda | 1 |
| borderRadius | Um atalho para definir ou retornar toda a fronteira de quatro * propriedades Radius | 3 |
| borderRight | Define ou retorna todos os borderRight * propriedades em uma declaração | 1 |
| borderRightColor | Define ou retorna a cor da borda direita | 1 |
| borderRightStyle | Define ou retorna o estilo da borda direita | 1 |
| borderRightWidth | Define ou retorna a largura da borda direita | 1 |
| borderSpacing | Define ou retorna o espaço entre as células em uma tabela | 2 |
| borderStyle | Define ou retorna o estilo da borda de um elemento (pode ter até quatro valores) | 1 |
| borderTop | Define ou retorna todos os borderTop * propriedades em uma declaração | 1 |
| borderTopColor | Define ou retorna a cor da borda superior | 1 |
| borderTopLeftRadius | Define ou retorna a forma da borda do canto superior esquerdo | 3 |
| borderTopRightRadius | Define ou retorna a forma da borda do canto superior direito | 3 |
| borderTopStyle | Define ou retorna o estilo da borda superior | 1 |
| borderTopWidth | Define ou retorna a largura da borda superior | 1 |
| borderWidth | Define ou retorna a largura da borda de um elemento (pode ter até quatro valores) | 1 |
| bottom | Define ou retorna a posição do fundo de um elemento posicionado | 2 |
| boxDecorationBreak | Define ou retorna o comportamento do fundo ea beira de um elemento em page-break, ou, para os elementos em linha, na linha-break. | 3 |
| boxShadow | Anexa um ou mais drop-sombras para a caixa | 3 |
| boxSizing | Permite definir certos elementos para caber uma área de uma determinada maneira | 3 |
| captionSide | Define ou retorna a posição do subtítulo mesa | 2 |
| clear | Define ou retorna a posição do elemento em relação aos objectos flutuantes | 1 |
| clip | Define ou retornos que parte de um elemento posicionado é visível | 2 |
| color | Define ou retorna a cor do texto | 1 |
| columnCount | Define ou retorna o número de colunas de um elemento deve ser dividida em | 3 |
| columnFill | Define ou retorna como preencher colunas | 3 |
| columnGap | Define ou retorna a lacuna entre as colunas | 3 |
| columnRule | Um atalho para definir ou retornar todas as propriedades columnRule * | 3 |
| columnRuleColor | Define ou retorna a cor da regra entre colunas | 3 |
| columnRuleStyle | Define ou retorna o estilo da regra entre colunas | 3 |
| columnRuleWidth | Define ou retorna a largura da regra entre colunas | 3 |
| columns | Um atalho para definir ou retornar columnWidth e columnCount | 3 |
| columnSpan | Define ou retorna quantas colunas um elemento deve abrangem toda | 3 |
| columnWidth | Define ou retorna a largura das colunas | 3 |
| content | Utilizado com o: antes e: depois de pseudo-elementos, para inserir o conteúdo gerado | 2 |
| counterIncrement | Incrementos de um ou mais marcadores | 2 |
| counterReset | Cria ou redefine um ou mais contadores | 2 |
| cursor | Define ou retorna o tipo de cursor para exibir para o ponteiro do mouse | 2 |
| direction | Define ou retorna a direção do texto | 2 |
| display | Define ou retorna tipo de exibição de um elemento | 1 |
| emptyCells | Define ou retorna se para mostrar a borda e fundo de células vazias, ou não | 2 |
| filter | Define ou retorna imagem filtros (visual effects, like blur and saturation) | 3 |
| flex | Define ou retorna o comprimento do item, em relação ao resto | 3 |
| flexBasis | Define ou retorna o comprimento inicial de um produto flexível | 3 |
| flexDirection | Define ou retorna a direção dos itens flexíveis | 3 |
| flexFlow | Uma propriedade estenográfica para o flexDirection e as propriedades flexWrap | 3 |
| flexGrow | Define ou retorna o quanto o item vai crescer em relação ao resto | 3 |
| flexShrink | Define ou retorna como o item vai encolher em relação ao resto | 3 |
| flexWrap | Define ou retorna se os itens flexíveis deverão ser repartidas ou não | 3 |
| cssFloat | Define ou retorna o alinhamento horizontal de um elemento | 1 |
| font | Define ou retorna fontStyle, fontVariant, fontWeight, fontSize, lineHeight e fontFamily em uma declaração | 1 |
| fontFamily | Define ou retorna a família da fonte do texto | 1 |
| fontSize | Define ou retorna o tamanho da fonte do texto | 1 |
| fontStyle | Define ou retorna se o estilo da fonte é normal, itálico ou oblíqua | 1 |
| fontVariant | Define ou retorna se a fonte deve ser exibido em letras maiúsculas pequenas | 1 |
| fontWeight | Define ou retorna a ousadia da fonte | 1 |
| fontSizeAdjust | Preserva a legibilidade do texto quando fonte de recurso ocorre | 3 |
| fontStretch | Seleciona um, condensado, ou face expandida normal a partir de uma família de fontes | 3 |
| hangingPunctuation | Especifica se um caracter de pontuação pode ser colocado fora da caixa de linha | 3 |
| height | Define ou retorna a altura de um elemento | 1 |
| hyphens | Define como dividir palavras para melhorar o layout dos parágrafos | 3 |
| icon | Fornece o autor a capacidade de estilizar um elemento com um equivalente icónica | 3 |
| imageOrientation | Especifica uma rotação na direção certa ou no sentido de que um agente do usuário aplica-se a uma imagem | 3 |
| justifyContent | Define ou retorna o alinhamento entre os itens dentro de um recipiente flexível quando os itens não use todo o espaço disponível. | 3 |
| left | Define ou retorna a posição esquerda de um elemento posicionado | 2 |
| letterSpacing | Define ou retorna o espaço entre os caracteres em um texto | 1 |
| lineHeight | Define ou retorna a distância entre as linhas em um texto | 1 |
| listStyle | Define ou retorna listStyleImage, listStylePosition e listStyleType em uma declaração | 1 |
| listStyleImage | Define ou retorna uma imagem como marcador de lista | 1 |
| listStylePosition | Define ou retorna a posição do marcador de lista | 1 |
| listStyleType | Define ou retorna o tipo de marcador de lista | 1 |
| margin | Define ou retorna à margem de um elemento (can have up to four values) | 1 |
| marginBottom | Define ou retorna a margem inferior de um elemento | 1 |
| marginLeft | Define ou retorna a margem esquerda de um elemento | 1 |
| marginRight | Define ou retorna a margem direita de um elemento | 1 |
| marginTop | Define ou retorna a margem superior de um elemento | 1 |
| maxHeight | Define ou retorna a altura máxima de um elemento | 2 |
| maxWidth | Define ou retorna a largura máxima de um elemento | 2 |
| minHeight | Define ou retorna a altura mínima de um elemento | 2 |
| minWidth | Define ou retorna a largura mínima de um elemento | 2 |
| navDown | Define ou retorna para onde navegar ao usar a tecla de navegação de seta para baixo | 3 |
| navIndex | Define ou retorna a ordem de tabulação para um elemento | 3 |
| navLeft | Define ou retorna para onde navegar ao usar a tecla de navegação seta-esquerda | 3 |
| navRight | Define ou retorna para onde navegar ao usar a tecla de navegação seta para a direita | 3 |
| navUp | Define ou retorna para onde navegar ao usar a tecla de navegação seta-up | 3 |
| opacity | Define ou retorna o nível de opacidade para um elemento | 3 |
| order | Define ou retorna a ordem do item flexível, em relação ao resto | 3 |
| orphans | Define ou retorna o número mínimo de linhas para um elemento que deve ser deixado na parte inferior de uma página quando uma pausa principal ocorre dentro de um elemento | 2 |
| outline | Define ou retorna todas as propriedades de contorno em uma declaração | 2 |
| outlineColor | Define ou retorna a cor do contorno em torno de um elemento | 2 |
| outlineOffset | Compensa um esboço, e chama-lo para além da borda fronteira | 3 |
| outlineStyle | Define ou retorna o estilo do contorno ao redor de um elemento | 2 |
| outlineWidth | Define ou retorna a largura do contorno ao redor de um elemento | 2 |
| overflow | Define ou retorna o que fazer com o conteúdo que presta fora da caixa de elemento | 2 |
| overflowX | Especifica o que fazer com os / as bordas esquerda e direita do conteúdo, se ele transborda área de conteúdo do elemento | 3 |
| overflowY | Especifica o que fazer com os top / bordas inferiores do conteúdo, se ele transborda área de conteúdo do elemento | 3 |
| padding | Define ou retorna o preenchimento de um elemento (can have up to four values) | 1 |
| paddingBottom | Define ou retorna o preenchimento de fundo de um elemento | 1 |
| paddingLeft | Define ou retorna o preenchimento à esquerda de um elemento | 1 |
| paddingRight | Define ou retorna o preenchimento direito de um elemento | 1 |
| paddingTop | Define ou retorna o preenchimento superior de um elemento | 1 |
| pageBreakAfter | Define ou retorna o comportamento page-break depois de um elemento | 2 |
| pageBreakBefore | Define ou retorna o comportamento page-break antes de um elemento | 2 |
| pageBreakInside | Define ou retorna o comportamento page-break dentro de um elemento | 2 |
| perspective | Define ou retorna a perspectiva de como elementos 3D são vistos | 3 |
| perspectiveOrigin | Define ou retorna a posição do fundo de elementos 3D | 3 |
| position | Define ou retorna o tipo de método utilizado para o posicionamento de um elemento (static, relative, absolute or fixed) | 2 |
| quotes | Define ou retorna o tipo de aspas para citações embutidas | 2 |
| resize | Define ou retorna ou não um elemento é redimensionáveis pelo usuário | 3 |
| right | Define ou retorna a posição direita de um elemento posicionado | 2 |
| tableLayout | Define ou retorna o caminho para colocar para fora as células da tabela, linhas e colunas | 2 |
| tabSize | Define ou retorna o comprimento da guia caracteres | 3 |
| textAlign | Define ou retorna o alinhamento horizontal do texto | 1 |
| textAlignLast | Define ou retorna como a última linha de um bloco ou um direito linha antes de uma quebra de linha forçada está alinhada quando text-align é "justify" | 3 |
| textDecoration | Define ou retorna a decoração de um texto | 1 |
| textDecorationColor | Define ou retorna a cor do text-decoration | 3 |
| textDecorationLine | Define ou retorna o tipo de linha em um text-decoration | 3 |
| textDecorationStyle | Define ou retorna o estilo da linha em uma decoração de texto | 3 |
| textIndent | Define ou retorna o recuo da primeira linha de texto | 1 |
| textJustify | Define ou retorna o método de justificação usada quando text-align é "justify" | 3 |
| textOverflow | Define ou retorna o que deve acontecer quando o texto transborda o elemento que contém | 3 |
| textShadow | Define ou retorna o efeito de sombra de um texto | 3 |
| textTransform | Define ou retorna a capitalização de um texto | 1 |
| top | Define ou retorna a posição de topo de um elemento posicionado | 2 |
| transform | Aplica-se uma transformação 2D ou 3D a um elemento | 3 |
| transformOrigin | Define ou retorna a posição dos elementos transformadas | 3 |
| transformStyle | Define ou retorna como elementos aninhados são renderizados no espaço 3D | 3 |
| transition | Um atalho para definir ou retornar as quatro propriedades de transição | 3 |
| transitionProperty | Define ou retorna a propriedade CSS que o efeito de transição é para | 3 |
| transitionDuration | Define ou retorna quantos segundos ou milissegundos um efeito de transição leva para completar | 3 |
| transitionTimingFunction | Define ou retorna a curva de velocidade do efeito de transição | 3 |
| transitionDelay | Define ou retorna quando o efeito de transição vai começar | 3 |
| unicodeBidi | Define ou retorna se o texto deve ser substituído para suportar vários idiomas no mesmo documento | 2 |
| verticalAlign | Define ou retorna o alinhamento vertical do conteúdo em um elemento | 1 |
| visibility | Define ou retorna se um elemento deve ser visível | 2 |
| whiteSpace | Define ou retorna como lidar com guias, quebras de linha e espaços em branco em um texto | 1 |
| width | Define ou retorna a largura de um elemento | 1 |
| wordBreak | Define ou retorna linha quebrar regras para scripts não-CJK | 3 |
| wordSpacing | Define ou retorna o espaçamento entre as palavras em um texto | 1 |
| wordWrap | Permite longos, palavras inquebráveis para ser quebrado e enrole para a próxima linha | 3 |
| widows | Define ou retorna o número mínimo de linhas para um elemento que deve ser visível no topo de uma página | 2 |
| zIndex | Define ou retorna a ordem de empilhamento de um elemento posicionado | 2 |
Páginas relacionadas
Tutorial HTML: HTML CSS
Tutorial CSS: CSS Tutorial
: Referência HTML HTML <style> tag
Referência CSS: CSS Properties