CSS2 - Guia de Referência

Este é um guia de referência completo para desenvolvedores da web, onde listamos todas as propriedades CSS definidas na Especificação Recomendada do World Wide Web Consortium para Folhas de Estilo em Cascata, Nível 2.

  • Aural

  • Background

  • Border

  • Classification

  • Dimension

  • Font

  • Conteúdo Gerado

  • Lista e Marcador

  • Margin

  • Outlines

  • Padding

  • Positioning

  • Table

  • Text

  • Print

  • Pseudo-classes

  • Pseudo-elements

Clique em qualquer propriedade para ver sua descrição com exemplos -

Sr. Não. Descrição da Propriedade
1 azimute

Descreve a posição de uma fonte de som ao longo do eixo horizontal do ambiente do ouvinte.

2 fundo

Propriedade composta para as seguintes propriedades -

  • background-attachment
  • background-color
  • background-image
  • background-position
  • background-repeat
3 anexo de fundo

Determina se a imagem de fundo é fixada na janela ou se rola conforme o documento rola.

4 cor de fundo

Define a cor de fundo de um elemento.

5 imagem de fundo

Define a imagem de fundo de um elemento.

6 posição de fundo

Define a posição inicial da imagem de fundo do elemento, se especificada; os valores normalmente são emparelhados para fornecer as posições x, y; a posição padrão é 0% 0%.

7 fundo de repetição

Determina como a imagem de plano de fundo é repetida (lado a lado) em um elemento.

8 fronteira

Define todas as quatro bordas de um elemento; value é um ou mais de uma cor, um valor para a largura da borda e um valor para o estilo da borda.

9 borda inferior

Define a borda inferior de um elemento; value é um ou mais de uma cor, um valor para border-bottom-width e um valor para border-style .

10 largura da borda inferior

Define a espessura da borda inferior de um elemento.

11 colapso da fronteira

Define o algoritmo de renderização da borda da tabela.

12 Cor da borda

Define a cor de todas as quatro bordas de um elemento; o padrão é a cor do elemento.

13 cor da borda esquerda

Define a cor das bordas esquerdas de um elemento; o padrão é a cor do elemento.

14 border-right-color

Define a cor das bordas direitas de um elemento; o padrão é a cor do elemento.

15 border-top-color

Define a cor das bordas superiores de um elemento; o padrão é a cor do elemento.

16 border-bottom-color

Define a cor das bordas inferiores de um elemento; o padrão é a cor do elemento.

17 borda esquerda

Define a borda esquerda de um elemento; value é um ou mais de uma cor, um valor para border-left-width e um valor para border-style .

18 borda esquerda largura

Define a espessura da borda esquerda de um elemento.

19 fronteira direita

Define a borda direita de um elemento; value é um ou mais de uma cor, um valor para border-right-width e um valor para border-style .

20 border-right-width

Define a espessura da borda direita de um elemento.

21 espaçamento de borda

Com bordas separadas, defina o espaçamento entre as bordas. Um valor define o espaçamento vertical e horizontal e dois valores define o espaçamento horizontal e vertical, respectivamente.

22 estilo de borda

Define o estilo de todas as quatro bordas de um elemento.

23 borda superior

Define a borda superior de um elemento; value é um ou mais de uma cor, um valor para border-top-width e um valor para border-style .

24 largura da borda superior

Define a espessura da borda superior de um elemento.

25 largura da borda

Define a espessura de todas as quatro bordas de um elemento.

26 inferior

Usado com a propriedade position para colocar a borda inferior de um elemento.

27 lado da legenda

Define a posição para uma legenda de tabela.

28 Claro

Define quais margens de um elemento não devem ser adjacentes a um elemento flutuante; o elemento é movido para baixo até que a margem esteja limpa.

29 grampo

Define a máscara de corte para um elemento.

30 cor

Define a cor de um elemento.

31 conteúdo

Insere conteúdo gerado em torno de um elemento.

32 contra-incremento

Aumenta um contador em 1; valor é uma lista de nomes de contadores, com cada nome opcionalmente seguido por um valor pelo qual é incrementado.

33 contra-reset

Redefine um contador para zero; valor é uma lista de nomes de contadores, com cada nome opcionalmente seguido por um valor para o qual é redefinido.

34 depois

Toca o som designado depois que um elemento é falado.

35 antes

Toca o som designado antes que um elemento seja falado.

36 cursor

Define a forma do cursor.

37 direção

Define a direção do fluxo de um conteúdo de elemento.

38 exibição

Controla como um elemento é exibido.

39 elevação

Define a altura em que um som é reproduzido.

40 células vazias

Com bordas separadas, oculta células vazias em uma tabela.

41 flutuador

Determina se um elemento flutua para a esquerda ou direita, permitindo que o texto seja circundado ou exibido embutido.

42 Fonte

Define todos os atributos de fonte para um elemento. O valor é qualquer um dos valores para -

  • font-style
  • font-variant
  • font-weight
  • font-size
  • line-height
  • font-family
43 família de fontes

Define a fonte de um elemento, seja como uma fonte específica ou como uma fonte genérica com serifa, sem serifa, cursiva, fantasia e monoespaçada.

44 tamanho da fonte

Define o tamanho da fonte.

45 font-size-ajustar

Ajusta a proporção da fonte atual.

46 font-stretch

Determina a quantidade de alongamento da fonte atual.

47 estilo de fonte

Define o estilo do rosto, normal ou algum tipo de estilo inclinado.

48 variante da fonte

Define uma fonte em versalete.

49 espessura da fonte

Define a espessura da fonte. Se um número for usado, deve ser um múltiplo de 100 entre 100 e 900; 400 é normal, 700 é o mesmo que negrito.

50 altura

Define a altura de um elemento.

51 esquerda

Usado com a propriedade position para colocar a borda esquerda de um elemento.

52 espaçamento entre letras

Insere espaço adicional entre os caracteres do texto.

53 altura da linha

Define a distância entre as linhas de base de texto adjacentes.

54 estilo de lista

Define estilos relacionados à lista usando qualquer um dos valores para -

  • list-style-image
  • list-style-position
  • list-style-type
55 list-style-image

Define uma imagem a ser usada como marcador do item da lista, em vez do valor para -

  • list-style-type
56 posição de estilo de lista

Recua ou estende (padrão) o marcador de um item da lista em relação ao conteúdo do item.

57 list-style-type

Define o marcador de um item de lista para listas não ordenadas (círculo, disco ou quadrado) ou para listas ordenadas (decimal, alfa inferior, romano inferior, nenhum, alfa superior ou romano superior).

58 margem

Define todas as quatro margens de um elemento.

59 margem inferior

Define a margem inferior de um elemento. O valor padrão é 0.

60 margem esquerda

Define a margem esquerda de um elemento. O valor padrão é 0.

61 margem direita

Define a margem direita de um elemento. O valor padrão é 0.

62 margem superior

Define a margem superior de um elemento. O valor padrão é 0.

63 marcador-deslocamento

A propriedade marcador-deslocamento pode ser usada em listas com marcadores para especificar a distância entre as bordas mais próximas de uma caixa de marcador (ou marcador) e sua caixa principal associada.

64 marcas

A propriedade marks é usada para definir marcas de corte e marcas cruzadas em mídia paginada. Isso é usado com a regra @page.

65 altura máxima

A propriedade max-height é usada para restringir a altura de um elemento.

66 largura máxima

A propriedade max-width é usada para definir a largura máxima de um elemento.

67 min-height

A propriedade min-height é usada para restringir a altura de um elemento.

68 largura mínima

A propriedade min-width é usada para restringir a largura de um elemento.

69 órfãos

Define o número mínimo de linhas permitidas em um fragmento de parágrafo órfão.

70 esboço

A propriedade de contorno é uma propriedade abreviada para especificar todas as propriedades de contorno.

71 cor de contorno

A propriedade cor do contorno é usada para especificar a cor do contorno. Observe que, ao contrário da propriedade border, o contorno não ocupa espaço extra e pode ser não retangular.

72 contorno-cor-estilo

A propriedade outline-style é usada para especificar o estilo do contorno. Observe que, ao contrário da propriedade border, o contorno não ocupa espaço extra e pode ser não retangular.

73 largura do contorno

A propriedade cor do contorno é usada para especificar a cor do contorno. Observe que, ao contrário da propriedade border, o contorno não ocupa espaço extra e pode ser não retangular.

74 transbordar

Determina como o conteúdo de estouro é renderizado.

75 preenchimento

Define todos os quatro valores de preenchimento em torno de um elemento.

76 acolchoamento inferior

Define o preenchimento inferior de um elemento. O valor padrão é 0.

77 padding-left

Define o preenchimento esquerdo de um elemento. O valor padrão é 0.

78 padding-right

Define o preenchimento correto de um elemento. O valor padrão é 0.

79 tampo de enchimento

Define o preenchimento superior de um elemento. O valor padrão é 0.

80 página

Associa um layout de página nomeado a um elemento.

81 quebra de página após

Força ou suprime quebras de página após um elemento.

82 quebra de página antes

Força ou suprime quebras de página antes de um elemento.

83 quebra de página dentro

Suprime quebras de página em um elemento.

84 pausa

A propriedade pause é uma abreviação CSS para especificar a propriedade abreviada para especificar pausas em mídia auditiva.

85 pausa depois

Pausa uma mídia depois de falar um elemento.

86 pausa antes

Pausa uma mídia antes de falar um elemento.

87 arremesso

Define o tom médio do conteúdo falado de um elemento.

88 alcance

Define o intervalo do tom, de 0 (bemol) a 100 (amplo); o padrão é 50.

89 jogo durante

Se um URL for fornecido, ele será reproduzido durante o conteúdo falado de um elemento, especificando repetir loops no áudio; mix faz com que seja mixado com, em vez de substituir, outro áudio de fundo.

90 posição

Define o modelo de posicionamento de um elemento.

91 citações

Define os símbolos de citação usados ​​para citar texto.

92 riqueza

Define a riqueza da voz, de 0 (bemol) a 100 (melíflua); o padrão é 50.

93 certo

Usado com a propriedade position para colocar a borda direita de um elemento.

94 Tamanho

A propriedade size é usada em mídia paginada para especificar o tamanho da página.

95 falar

Determina como o conteúdo de um elemento é falado.

96 speak-header

Determina se os cabeçalhos da tabela são falados uma vez para cada linha ou coluna ou cada vez que uma célula é falada.

97 falar numeral

Determina como os numerais são falados.

98 falar-pontuação

Determina se a pontuação é falada ou usada para inflexão.

99 velocidade de fala

Define a velocidade da fala; um número define a taxa em palavras por minuto.

100 estresse

Define o estresse da voz, de 0 (catatônico) a 100 (hiperativo); o padrão é 50.

101 layout de mesa

Determina o algoritmo de renderização da tabela.

102 alinhamento de texto

Define o estilo de alinhamento do texto para um elemento.

103 decoração de texto

Define qualquer decoração para o texto; os valores podem ser combinados.

104 text-indent

Define o recuo da primeira linha do texto em um elemento; o padrão é 0.

105 sombra de texto

Cria sombras projetadas de texto de várias cores e deslocamentos.

106 transformação de texto

Transforma o texto no elemento de acordo.

107 topo

Usado com a propriedade position para colocar a borda superior de um elemento.

108 alinhamento vertical

Define o posicionamento vertical de um elemento.

109 visibilidade

Determina se um elemento está visível no documento ou tabela.

110 família de voz

Seleciona uma família de voz nomeada para falar o conteúdo de um elemento.

111 volume

Define o volume do conteúdo falado; os valores numéricos variam de 0 a 100.

112 espaço em branco

Define como o espaço em branco em um elemento é tratado.

113 viúvas

Define o número mínimo de linhas permitido em um fragmento de parágrafo viúvo.

114 largura

Define a largura de um elemento.

115 espaçamento entre palavras

Insere espaço adicional entre as palavras.

116 z-index

Define a camada de renderização para o elemento atual.

Pseudo-classes e pseudo-elementos

Sr. Não. Descrição da Propriedade
1 :ativo

Use esta classe para adicionar efeito especial a um elemento ativado.

2 :foco

Use esta classe para adicionar efeito especial a um elemento enquanto o elemento tem foco.

3 :flutuar

Use esta classe para adicionar efeito especial a um elemento ao passar o mouse sobre ele.

4 :ligação

Use esta classe para adicionar um efeito especial a um link não visitado.

5 :visitou

Use esta classe para adicionar efeito especial a um link visitado.

6 :primeiro filho

Use esta classe para adicionar efeito especial a um elemento que é o primeiro filho de algum outro elemento.

7 : lang

Use esta classe para especificar um idioma a ser usado em um elemento especificado.

8 :primeira carta

Use este elemento para adicionar um efeito especial à primeira letra de um texto.

9 :primeira linha

Use este elemento para adicionar um efeito especial à primeira linha de um texto.

10 :antes

Use este elemento para inserir algum conteúdo antes de um elemento.

11 :depois de

Use este elemento para inserir algum conteúdo após um elemento.