Uma breve lista de tabelas de propriedades CSS, listando algumas propriedades CSS comumente usadas.
Nome do atributo Significado do atributo Valor do atributo
Propriedades da fonte (Fonte)
| A seguir está o conteúdo citado: font-family Qual fonte usar para todas as fontes font-style Se a fonte está em itálico Normal, itálico, oblíquo font-variant Se deve usar fontes pequenas e maiúsculas Normal, versalete font-weight espessura da fonte Normal, negrito, mais ousado, litter, etc. tamanho da fonte tamanho da fonte Tamanho absoluto, tamanho relativo, comprimento, porcentagem, etc. |
Propriedades de cor e fundo
| A seguir está o conteúdo citado: A cor define a cor do primeiro plano Cor de fundo define a cor da cor de fundo A imagem de fundo define o caminho do padrão de fundo Modo de repetição de repetição em segundo plano Repetir-x, repetir-y, sem repetição O anexo em segundo plano define a rolagem, Fixo Posição inicial da posição de fundo Porcentagem, comprimento, superior, esquerda, direita, inferior, etc. |
atributo de texto
| A seguir está o conteúdo citado: Espaçamento entre palavras O espaçamento entre palavrasNormal <comprimento> Espaçamento entre letras O espaçamento entre letrasNormal <comprimento> Estilo de decoração de texto de decoração de textoNenhum|sublinhado|overline|line-through|blink Alinhar verticalmente posição vertical Linha de base|sub|super|top|text-top|middle|bottom|text-bottom Conversão de texto para transformação de texto Capitalizar | maiúsculas | minúsculas | nenhuma Alinhamento de alinhamento de textoEsquerda|direita|centro|justificar Text-indent O método de recuo da primeira linha<length>|<percentage> Altura da linha A altura da linha do textNormal|<número>|<comprimento>|<percentagem> |
Propriedades de margem
| A seguir está o conteúdo citado: Margem superior da margem Comprimento | porcentagem | automático Margem-direita Margem direita Comprimento|porcentagem|auto Margem inferior inferior Comprimento | porcentagem | automático Margem-esquerda margem esquerda Comprimento|porcentagem|auto |
propriedade de preenchimento
| A seguir está o conteúdo citado: Distância de preenchimento superior do preenchimento Comprimento | porcentagem Distância de preenchimento à direita e à direita Comprimento | porcentagem Distância de preenchimento inferior do preenchimento Comprimento | porcentagem Distância de preenchimento à esquerda e à esquerda Comprimento | porcentagem |
Propriedades de borda
| A seguir está o conteúdo citado: Border-top-width Largura da borda superior Fino|médio|espesso|comprimento Borda-largura-direita Largura da borda direita Fino|médio|espesso|comprimento Largura da borda inferior largura da borda inferior Fino | médio | grosso | comprimento Borda-largura esquerda largura da borda esquerda Fino | médio | grosso | comprimento Border-width define uma vez a largura Thin|medium|thick|length Cor da borda define a cor da borda. Cor Estilo de borda define o estilo de borda Nenhum | pontilhado | traço | sólido, etc. Border-top define uma vez a largura superior da borda | cor, etc. Border-right define a cor certa Border-top-width|cor, etc. Border-bottom define uma vez a largura inferior da borda superior | cor, etc. Border-left define a cor esquerda da borda superior da borda, etc. Largura define o atributo de largura Comprimento|percentagem|auto Altura define o atributo de altura Comprimento|auto Quebra de texto flutuanteLeft|right|none Limpar Qual lado circunda Esquerda|direita|nenhum|ambos |
propriedades hierárquicas
| A seguir está o conteúdo citado: Display define se deseja exibir Block, inline, list-item, none Espaço em branco Como lidar com espaços em branco Normal, pré, nowrap O tipo de estilo de lista adiciona o número do item Disco, círculo, quadrado, etc. Imagem de estilo de lista adicionar padrão<url>|none Posição no estilo de lista A posição inicial da segunda linha é Dentro, fora O estilo de lista define a lista <keyword>|<position>|<url> uma vez |
Propriedades do mouse (cursor)
| A seguir está o conteúdo citado: Auto |