Atalhos e atributos

Alguns atributos de CSS permitem-lhe fazer diversas configurações numa declaração. Por exemplo, suponha que você queira definir diversos aspectos da fonte utilizada para tags h1, como segue:

H1 {font-style: italic;
    font-weight: bold;
    font-size: 18pt;
    font-family: 'Times Roman'}

Como alternativa a especificar todas essas formatações de fonte individualmente, você pode utilizar o atributo font: para defini-las todas de uma só vez, assim:

H1 {font: italic bold 18pt 'Times Roman'}

Atributo - Descrição

• background — Cor de fundo, imagem, transparência.
  • background-attachment — Rolagem do fundo / Marca d'água.
  • background-image — Imagem de fundo.
  • background-color — Cor de fundo ou transparência.
  • background-position — Posicionamento da imagem de fundo.
  • background-repeat — Configuração lado-a-lado da imagem de fundo.
• border — Largura, estilo e cor de todas as 4 bordas.
  • border-width — Largura de todas as 4 bordas.
  • border-style — Estilo de todas as 4 bordas.
  • border-color — Cor das 4 bordas.
  • border-bottom — Largura, estilo e cor da borda inferior.
    • border-bottom-color — Cor da citada borda.
    • border-bottom-style — Estilo da citada borda.
    • border-bottom-width — Largura da citada borda.
  • border-left — Largura, estilo e cor da borda esquerda.
    • border-left-color — Cor da borda citada.
    • border-left-style — Estilo da borda citada.
    • border-left-width — Largura da borda citada.
  • border-right — Largura, estilo e cor da borda direita.
    • border-right-color — Cor da borda citada.
    • border-right-style — Estilo da borda citada.
    • border-right-width — Largura da borda citada.
  • border-top — Largura, estilo e cor da borda superior.
    • border-top-color — Cor da borda citada.
    • border-top-style — Estilo da borda citada.
    • border-top-width — Largura da borda citada.
• clear — Elementos flutuantes à esquerda ou à direita de um elemento.
• clip — Parte visível de um elemento.
• color — Cor de primeiro plano.
• cursor — Tipo de ponteiro do rato.
• display — Se o elemento é exibido e o espaço é reservado para ele.
• filter — Tipo de filtro aplicado ao elemento.
• float — Se o elemento flutua.
• @font-face — Incorporação da fonte ao arquivo HTML.
• font — Estilo, variante, peso, tamanho e altura da linha do tipo de fonte.
  • font-family — Tipo de fonte.
  • font-size — Tamanho da fonte.
  • font-style — Fonte itálico.
  • font-variant — Fonte bold.
  • font-weight — Peso da fonte de claro a negrito.
• height — Altura exibida ao elemento.
• @import — Folha de estilo a importar.
• left — Posição do elemento em relação à margem esquerda da página.
• letter-spacing — Distância entre as letras.
• line-height — Distância entre linhas de base.
• list-style — Tipo, imagem e posição do estilo da lista.
• list-style-image — Marcador de item de lista.
• list-style-position — Posição do marcador de item da lista.
• list-style-type — Marcador de item de lista alternativo.
• margin — Tamanho de todas as 4 margens.
  • margin-left — Tamanho da margem esquerda.
  • margin-right — Tamanho da margem direita.
  • margin-bottom — Tamanho da margem inferior.
  • margin-top — Tamanho da margem superior.
• overflow — Exibição de imagens que são maiores do que as suas molduras.
• padding — Espaço em torno de um elemento em todos os lados.
  • padding-bottom — Espaço a partir da margem inferior de um elemento.
  • padding-left — Espaço à esquerda do elemento.
  • padding-right — Espaço à direita do elemento.
  • padding-top — Espaço a partir da margem superior do elemento.
• page-break-after — Inserir quebra de página depois de um elemento.
• page-break-before — Inserir quebra de página antes de um elemento.
• position — Como o elemento é posicionado na página.
• text-align — Alinhamento do texto.
• text-decoration — Sublinhado, sobrelinhado ou riscado.
• text-indent — Recuo da primeira linha do parágrafo.
• text-transform — Transformação para todas maiúsculas, minúsculas ou inicial maiúscula.
• top — Posição do elemento em relação a parte superior da página.
• vertical-align — Alinhamento vertical do elemento.
• visibility — Se elemento é visível ou invisível.
• width — Largura do elemento.
• z-index — Posição do elemento na pilha.