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.
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 -
|
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 -
|
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 -
|
55 | list-style-image Define uma imagem a ser usada como marcador do item da lista, em vez do valor para -
|
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. |