Hojas de estilo CSS3
Páginas: 5 (1007 palabras)
Publicado: 4 de noviembre de 2014
CSS: Hojas de estilo
Junio 2014
Propiedades de fuente
Propiedad
Valor
Descripción
font-family
Fuente específica
(Arial, Times,
Verdana)
Familia (serif, sansserif, fantasy,
monospace, cursive)
font-style
normal, italic, oblique Define el estilo de la escritura
Define uno o más nombres de fuentes o familias de
fuentes. Si se definen múltiples fuentes, se utilizará laprimera que se encuentre en el sistema del usuario.
lighter, normal, bold o
bolder.
font-weight Valor numérico (100, Define el grosor de la fuente
200, 300, 400, 500,
600, 700, 800, 900)
font-size
xx-small, x-small,
small, medium, large,
x-large, xx-large
Define el tamaño de la fuente
Tamaño en puntos
(pt), cm, %
font-variant normal, small-caps
font
font: Verdana, Arial,bold italic 8px;
Define una variante (mayúsculas chicas)
Acceso directo a todas las propiedades
Textos y párrafos
Propiedad
color
Valor
"#RRGGBB"
Descripción
Define el color del texto
line-height line-height: 12pt;
Define el espacio entre las líneas
text-align
Define la alineación del texto
left, center, right o justify
text-indent text-indent: 5px;
Define lasangría
blink (parpadeo), underline (subrayado),
textline-through (tachado), overline (línea
decoration
sobre el texto) o none (sin decoración)
Define la decoración
textshadow
text-shadow: 1px 2px 4px black;
Define una sombra paralela del texto y
representa, respectivamente, la
sombra hacia la derecha, hacia abajo,
radio de desenfoque y color.
texttransform
uppercase(mayúscula), lowercase
(minúscula) o capitalize (primea letra en
mayúscula)
Define la capitalización del texto
whitespace
normal (el texto continuará en la próxima
línea), pre (el texto aparecerá con los
espacios en blanco que se ingresaron),
nowrap (el texto no continuará)
División de palabras
wordspacing
word-spacing: 6px;
Define cuánto espacio insertar entre
laspalabras
width
en puntos (pts), pulgadas ("), centímetros, Define el ancho de un texto o una
píxeles (px) o en %
imagen
height
en puntos (pts), pulgadas ("), centímetros, Define la altura de un texto o una
píxeles (px) o en %
imagen
Colores de fondo
Propiedad
Valor
Descripción
backgroundcolor
"#RRGGBB"
Define el color de fondo
backgroundimage
url(http://url)Define la imagen de fondo
backgroundrepeat
repeat, repeat-x,
repeat-y, no-repeat
Define cómo se repite la imagen de fondo
backgroundattachment
scroll, fixed
Especifica si la imagen de fondo se quedará en su
lugar cuando la pantalla se desplace
backgroundposition
top, middle, bottom,
left, center o right
Posiciona la imagen con respecto a la esquina
superior izquierdabackground
background:
url(test.jpg) fixed
repeat;
Acceso directo a las propiedades de fondo
Márgenes
Propiedad
Ejemplo
Descripción
margin-top
margin-top: 5px;
Valor del margen superior
margin-right
margin-right: 0.5em;
Valor del margen derecho
margin-bottom margin-bottom: 2pt;
Valor del margen inferior
margin-left
margin-left: 0;
Valor delmargen izquierdo
margin
margin: 5px 0.5em 2pt 0; Acceso directo a las propiedades de márgenes
Bordes
Propiedad
Valor
Descripción
border[-top -left bottom -right]width
en puntos (pts), pulgadas ("), centímetros, píxeles Grosor del borde (para la
(px) o en %
ubicación dada)
border[-top -left bottom -right]color
border-left-color: #RRGGBB;
Color del borde (para laubicación dada)
border[-top -left bottom -right]style
solid (sólido), dashed (con trazos), dotted (con
puntos), double (dos líneas) o ridge
(tridimensional)
Estilo del borde (para la
ubicación dada)
border-collapse
collapse
separate
Agrega o elimina el
efecto "3D"
border: 1px 0 0 2px dotted green;
Acceso directo global a
las propiedades de
bordes
Border
Relleno...
Junio 2014
Propiedades de fuente
Propiedad
Valor
Descripción
font-family
Fuente específica
(Arial, Times,
Verdana)
Familia (serif, sansserif, fantasy,
monospace, cursive)
font-style
normal, italic, oblique Define el estilo de la escritura
Define uno o más nombres de fuentes o familias de
fuentes. Si se definen múltiples fuentes, se utilizará laprimera que se encuentre en el sistema del usuario.
lighter, normal, bold o
bolder.
font-weight Valor numérico (100, Define el grosor de la fuente
200, 300, 400, 500,
600, 700, 800, 900)
font-size
xx-small, x-small,
small, medium, large,
x-large, xx-large
Define el tamaño de la fuente
Tamaño en puntos
(pt), cm, %
font-variant normal, small-caps
font
font: Verdana, Arial,bold italic 8px;
Define una variante (mayúsculas chicas)
Acceso directo a todas las propiedades
Textos y párrafos
Propiedad
color
Valor
"#RRGGBB"
Descripción
Define el color del texto
line-height line-height: 12pt;
Define el espacio entre las líneas
text-align
Define la alineación del texto
left, center, right o justify
text-indent text-indent: 5px;
Define lasangría
blink (parpadeo), underline (subrayado),
textline-through (tachado), overline (línea
decoration
sobre el texto) o none (sin decoración)
Define la decoración
textshadow
text-shadow: 1px 2px 4px black;
Define una sombra paralela del texto y
representa, respectivamente, la
sombra hacia la derecha, hacia abajo,
radio de desenfoque y color.
texttransform
uppercase(mayúscula), lowercase
(minúscula) o capitalize (primea letra en
mayúscula)
Define la capitalización del texto
whitespace
normal (el texto continuará en la próxima
línea), pre (el texto aparecerá con los
espacios en blanco que se ingresaron),
nowrap (el texto no continuará)
División de palabras
wordspacing
word-spacing: 6px;
Define cuánto espacio insertar entre
laspalabras
width
en puntos (pts), pulgadas ("), centímetros, Define el ancho de un texto o una
píxeles (px) o en %
imagen
height
en puntos (pts), pulgadas ("), centímetros, Define la altura de un texto o una
píxeles (px) o en %
imagen
Colores de fondo
Propiedad
Valor
Descripción
backgroundcolor
"#RRGGBB"
Define el color de fondo
backgroundimage
url(http://url)Define la imagen de fondo
backgroundrepeat
repeat, repeat-x,
repeat-y, no-repeat
Define cómo se repite la imagen de fondo
backgroundattachment
scroll, fixed
Especifica si la imagen de fondo se quedará en su
lugar cuando la pantalla se desplace
backgroundposition
top, middle, bottom,
left, center o right
Posiciona la imagen con respecto a la esquina
superior izquierdabackground
background:
url(test.jpg) fixed
repeat;
Acceso directo a las propiedades de fondo
Márgenes
Propiedad
Ejemplo
Descripción
margin-top
margin-top: 5px;
Valor del margen superior
margin-right
margin-right: 0.5em;
Valor del margen derecho
margin-bottom margin-bottom: 2pt;
Valor del margen inferior
margin-left
margin-left: 0;
Valor delmargen izquierdo
margin
margin: 5px 0.5em 2pt 0; Acceso directo a las propiedades de márgenes
Bordes
Propiedad
Valor
Descripción
border[-top -left bottom -right]width
en puntos (pts), pulgadas ("), centímetros, píxeles Grosor del borde (para la
(px) o en %
ubicación dada)
border[-top -left bottom -right]color
border-left-color: #RRGGBB;
Color del borde (para laubicación dada)
border[-top -left bottom -right]style
solid (sólido), dashed (con trazos), dotted (con
puntos), double (dos líneas) o ridge
(tridimensional)
Estilo del borde (para la
ubicación dada)
border-collapse
collapse
separate
Agrega o elimina el
efecto "3D"
border: 1px 0 0 2px dotted green;
Acceso directo global a
las propiedades de
bordes
Border
Relleno...
Leer documento completo
Regístrate para leer el documento completo.