N° Propiedad Traducción
1 width Ancho
2 height Alto
3 margin margen externo
4 padding margen interno
5 text-align Alineación de Texto
6 align-content Alineación de Contenido
7 background Fondo
8 background-color Color de Fondo
9 background-image Imagen de Fondo
10 background-repeat Repetición de Fondo
11 background-size Tamaño del fondo
12 background-position Posición del Fondo
13 background-attachment Desplazamiento del Fondo
14 top Arriba
15 botton Fin
16 right derecha
17 left Izquierda
18 opacity opacidad
19 box-shadow sombra de caja
20 text-shadow sombra de texto
21 color color
22 font-family Fuente o tipografía del Texto
23 font-size Tamaño de la Fuente
24 font-style Estilo de la Fuente
25 border Borde
26 border-color color del borde
27 border-width ancho del borde
28 border-style estilo del borde
29 display monitor
30 position Posición
31 white-space espcio en blanco
32 bottom Fondo
33 text-transform Transformación del texto
34 border-radius radio del borde
35 text-decoration decoracion del texto
36 list-style estilo de lista
Función
establece el ancho de los elementos
Establece el alto de los elementos
Establece márgenes de separación entre elementos
Hace crecer el margen de cada elemento desde su interior
Determina hacia donde estará alineado el texto
Determina hacia donde estará alineado el contenido de una etiqueta contenedora
Determina el fondo de una etiqueta contenedora
Determina el fondo de una etiqueta contenedora
Determina la imagen de Fondo que tendrá una etiqueta contenedora
Determina si la imagen de fondo se repetirá o no
Determina el tamaño que ocupará el fondo de una etiqueta contenedora
Determina en que posición estará el fondo de una etiqueta contenedora
Determina si la imagen de fondo de un elemento se desplaza con el contenido del elemento o si permane
Posiciona los elementos en la parte de arriba del body
Posiciona los elementos en la parte final del body
Posiciona los elementos en la parte derecha del body
Posiciona los elementos en la parte izquierda del body
Determina que tan opaco o transparente se verá una etiqueta
Establece la sombra que tendrá un elemento
Establece la sombra que tendrá un texto
Establece el color que tendrá un texto
Establece el tipo de letra que Tendrá el Texto
Establece el tamaño que tendrá el texto
Establece el estilo que tendrá el texto
Estable el borde de un elemento
Establece el color del borde en un elemento
Determina el grosor del borde de un elemento
Determina el estilo que tendrá el borde de un elemento
Establece como se va a mostrar el contenido de una etiqueta contenedora
Establece la posición de los elementos
Controla la forma en que se manejan los espacios en blanco o vacíos entre elementos
Envia a los elementos al fondo de su contenedor o al fondo del navegador
Configura el texto en mayusculas o minusculas
redondea los bordes
para configurar la decoracion del texto
para configurar la viñeta de las listas
PROPIEDADES DE CSS
pixeles (px)
pixeles (px)
pixeles (px), en
pixeles (px), e
center, left, r
center, left, r
colores escritos en ingles, codigos hexa
colores escritos en ingles, codigos hexa
url(''), dentro de las com
repeat (para repetir el fo
po
cen
scroll (para desplazar la imagen), fixed (la imagen queda fija y no se desplaza), local (La imagen de fondo se desplaza ju
pixeles (p
pixeles (px)
pixeles (px)
pixeles (px)
numeros decimale
eje x, eje y, extensión y color, todos ellos en pixeles a excepción del color
eje x, eje y, extensión y color, todos ellos en pixeles a excepción del color
Nombre del color en inglés,
Nombre de la Fuen
medias e
bolder (negrita), italic (
pixeles(px) para el grosor, m
Nombre del color en inglés,
p
non
hidden: Borde oculto (similar a non
dotted:
dashed:
solid: Borde s
double: Borde do
groove: Borde con apa
ridge: Borde con aparie
inset: Borde con ap
outset: Borde con ap
block: se muestra
inline-block: se mue
none: No se m
flex: El elemento se con
relative: El elemento se posiciona relativo a su posición normal. Pu
absolute: El elemento se posiciona relativo a su contenedor más cerc
fixed: El elemento se posiciona relativo a la ventana del navegad
normal: Los espacios en blanco se reducen a uno solo. El texto se
nowrap: Los espacios en blanco se reducen a uno solo, pero el texto no s
pre: Los espacios en blanco se preservan. El texto solo se ajusta en los salt
pre-wrap: Los espacios en blanco se preservan, pero el tex
pre-line: Los espacios en blanco se reducen a uno solo, pero el
break-spaces: Similar a pre-wrap, pero también
p
Lowercase (minuscu
medias e
none: para quitar la decora
none: para quitar el estilo, circle: para colocar un cirsc
Compatibilidad
Etiquetas contenedoras, imagenes y elementos que posean fondo.
Etiquetas de Texto, imagenes y etiquetas contenedoras.
Solo etiquetas contenedoras.
Etiquetas contenedoras, imagenes
Etiquetas contenedoras
Etiquetas contenedoras, imagenes
Todas las etiquetas
Etiquetas contenedoras
Etiquetas de texto o etiquetas que contengan texto
Etiquetas contenedoras, tablas, imagenes
Etiquetas contenedoras
Utilizado mayormente en imagenes y contenedores
Contenedores, listas...
Utilizado mayormente en imagenes y contenedores
Etiquetas de texto o etiquetas que contengan texto
imagenes y elementos que posean fondo.
Etiquetas de texto o etiquetas que contengan texto
elementos de la lista <li>