Principais Propiedades

• Cor de letra
• Exemplos: color: #fb3; ou color: rgb (71, 98, 241);

• Tipo de letra
• Exemplo: font-family: Arial, Helvetica, sans-serif;

• Tamaño de letra
• Exemplo: font-size: 10pt;

• normal
• bold (negriña)
• lighter (fina)
• 100
• 200
• ...
• 900

• Anchura de letra
• Exemplo: font-weight: bold;

• normal
• italic (cursiva)

• Estilo de letra
• Exemplo: font-style: italic;

• normal
• small-cap (versales)

• Estilo alternativo de letra
• Exemplo: font-variant: small-cap;

• none (non transforma o texto)
• capitalize (capitaliza a primeira letra)
• uppercase (transforma o texto a maiúsculas)
• lowercase (transforma o texto a minúsculas)

• Transforma o texto a maiúsculas, minúsculas ou capitaliza a primeira letra de cada palabra.
• Exemplo: text-transform: capitalize;

• none (ningún)
• underline (subraiado)
• overline (linea por riba do texto)
• line-throught (tachado)

• Establece a decoración que se engade ao texto
• Exemplos: text-decoration: underline; ou text-decoration: none;

• left (esquerda)
• right (dereita)
• center (centrado)
• justify (xustificado)

• Aliñación horizontal.
• Exemplo: text-align: justify;

• top (arriba)
• middle (medio)
• bottom (abaixo)
• Unidade de medida

• Aliñación vertical.
• Exemplo: vertical-align: middle;

• Sangría da primeira liña.
• Exemplo: text-indent: 32px;

• Interliñado.
• Exemplo: line-height: 24px;

• Separación entre as letras.
• Exemplo: letter-spacing: 2px;

• Separación entre as palabras.
• Exemplo: word-spacing: 10px;

• Tratamento dos espacios en branco
• Exemplo: white-space: normal;

• Sombra para o texto. Funciona a partir do estándar CSS3.
• Exemplo: text-shadow:  5px 10px 7px rgb(10, 230, 89);

• Establece unha cor de fondo para o elemento
• Exemplo: background-color: #fb3;

• Establece unha imaxe de fondo
• Exemplo: background-image: url("imaxenes/imaxe.jpg");

• Posición X Posición Y
• left|center|right top|center|bottom

• Establece a posición da imaxe de fondo fixada con background-image
• Exemplos: background-position: 10px 30px; ou background-position: left center;

Ancho Alto

• Tamaño da imaxe de fondo fixada con background-image
• Exemplo: background-size: 800px 600px;

• no-repeat (non repite a imaxe)
• repeat-x (repite a imaxe en horizontal)
• repeat-y (repite a imaxe en vertical)
• repeat (repite a imaxe en vertical e horizontal)

• Controla como se repite a imaxe de fondo  fixada con background-image.
• Exemplo: background-repeat: repeat-y;

• border-box (pinta todo o elemento HTML -incluso o borde-)
• padding-box (pinta todo o elemento HTML agás o seu borde)
• content-box (pinta o contido do elemento HTML -non pinta nin o seu recheo nin o seu borde-)

• Establece a aréa que pinta o fondo (tanto unha imaxe como unha cor).
• Exemplo: background-clip: border-box;

Cor URL Repetición Posición X Posición Y

• Especifica nunha soa liña o cor de fondo, a imaxe de fondo, a repetición e a posición da imaxe.
• Exemplo: background: #ffffff url("imaxe.png") no-repeat right top;

• border-width
• border-right-width
• border-left-width
• border-top-width
• border-bottom-width

• Ancho dos bordes. Para que funcione é necesario establecer un color de borde (border-color) e un estilo de borde (border-style)
• Exemplo: border-width: 2px;

• border-style
• border-right-style
• border-left-style
• border-top-style
• border-bottom-style

• none (sen borde)
• dotted (borde punteado)
• dashed (borde con guións)
• solid (borde lineal dunha única cor)
• double (borde double dunha única cor)
• groove (borde ranurado)
• ridge (borde encrestado)
• inset (borde ranurado con máis profundidade)
• outset (borde encrestado con máis profundidade)

• Establece un estilo dos bordes. Para que funcione é necesario establecer un color de borde (border-color) e un ancho de borde (border-width)
• Exemplo: border-style: solid;

• border-radius
• border-top-right-radius
• border-top-left-radius
• border-bottom-left-radius
• border-bottom-right-radius

• Tamaño da curvatura (igual ancho e alto)
• Ancho Alto

• A partir da versión CSS3. Establece un radio de curvatura dos bordes
• Exemplo: border-radius: 2px;

Ancho Estilo do borde Calquera cor

• Establece a anchura, o estilo do borde e a súa cor nunha soa liña. 
• Exemplo: border: 1px solid #fb4;

• auto (anchura automática)
• Unidade de medida

• Ancho dun elemento. 
• Exemplo: width: 300px;

• none (ningún valor)
• Unidade de medida

• Anchura máxima.
• Exemplo:  max-width: none;

• none (ningún valor)
• Unidade de medida

• Establece a anchura mínima dun elemento.
• Exemplo: min-width: 300px;

• auto (altura automática)
• Unidade de medida

• Alto dun elemento. 
• Exemplo: height: auto;

• none (ningún valor)
• Unidade de medida

• Altura máxima. 
• Exemplo: max-height: 300px;

• none (ningún valor)
• Unidade de medida

• Altura mínima. 
• Exemplo: min-height: none;

• margin-left
• margin-right
• margin-top
• margin-bottom

• auto (marxe automática)
• Unidade de medida

• Establece cada unha das marxes horizontais e verticais dun elemento
• Exemplo: margin-top: 0px;

margin

• auto (marxe automática)
• Unidade de medida

• Establece as marxes nunha soa liña.
• Exemplo: margin: 4px 5px;

• padding-left
• padding-right
• padding-top
• padding-bottom

• auto (recheo automático)
• Unidades de medida

• Establece cada un dos recheos horizontais e verticais dun elemento
• Exemplo: padding-bottom: 2px;

padding

• auto (recheo automático)
• Unidades de medida

• Establece os recheos nunha soa liña.
• Exemplo: padding: 5px;

• static
• relative
• absolute
• fixed

• top
• right
• bottom
• left

• Desprazamento horizontal e vertical do elemento respecto da súa posición orixinal. 
• Exemplo: top: 4px;

• block 
• inline
• none

• visible
• hidden
• collapse

• visible
• hidden
• scroll
• auto

Numero

• Sombra para o bloque. Funciona a partir do estándar CSS3.
• Exemplo: box-shadow:  5px 10px 7px rgb(10, 230, 89);

• none (ningunha lista)
• Listas gráficas:
  • disc (círculo recheo)
  • circle (círculo baleiro)
  • square (cadrado)
• Listas numéricas:
  • decimal
  • lower-roman (números romanos en minús.)
  • upper-roman (números romanos en maiús.)
• Listas alfabéticas:
  • lower-latin (a,b, ...)
  • upper-latin(A,B, ...)
  • lower-greek (números gregos en minús.)
  • upper-roman (números romanos en maiús.)

• Establece unha estilo de lista. 
• Exemplo: list-style-type: square;

• Establece unha imaxe para a lista
• Exemplo: list-style-image: url("imaxe.jpg");