Propiedades de CSS1
|
Propiedades de CSS1 |
|
Ha llegado el momento de ver todas y cada una de las propiedades que CSS asigna a cada elemento, junto con su sintaxis concreta y los posibles valores que puedan adoptar.
Antes de comenzar a ver las propiedades, voy a darte unas pequeñas notas sobre los símbolos que he usado para explicar la sintaxis de cada propiedad. En general no hay problema alguno, y he tratado de explicar todo lo necesario en el apartado "Detalles" de cada uno, pero aquí van una serie de convenciones para aclararte algo más el tema:
Las palabras escritas entre los símbolos < y >, son variables, que dependerán de cada caso, y que se explican en la sección "Detalles".
El signo | indica la disyunción "o". Si hay variables separadas por este signo, se deberá escojer una de ellas.
El signo || indica la conjunción "y/o". Si hay variables separadas por este signo, se podrán escojer una o varias de ellas.
El signo ? indica que la variable que le precede es opcional, y puede omitirse.
El signo * indica que la variable que le precede es opcional, y puede omitirse, pero que también puede aparecer repetida varias veces.
El signo (1-4) indica que la variable que le precede puede aparecer repetida de una a cuatro veces.
Los símbolos [ y ] se usan para agrupar variables, con objeto de simplificar la notación
Son aquellas que modifican las características del texto, tales como el espaciado entre palabras o la alineación.
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
text-align
text-indent
line-height
Son las que afectan a las características de la letra, como el tamáño o el tipo.
font-family
font-style
font-variant
font-weight
font-size
font
Son Las que definen los colores y/o imágenes que se usarán en un objeto, como el color del texto o la imagern de fondo de un párrafo.
color
background-color
background-image
background-repeat
background-attachment
background-position
background
Estas son las propiedades que definen el modo en que se mostrará el cuadro que contiene a un elemento, ya sea este un párrafo, una tabla, imagen, ect.
margin-top
margin-botton
margin-right
margin-left
margin
padding-top
padding-right
padding-botton
padding-left
padding
border-top-width
border-right-width
border-botton-width
border-left-width
border-width
border-color
border-style
border-top
border-right
border-botton
border-left
border
width
height
float
clear
Son aquellas que afectan a la forma de representar los elemementos de calsificación como las listas.
display
white-space
list-style-type
list-style-image
list-style-position
list-style
