Está en la página 1de 3

CURSO: WEB

Propiedades para Fuentes


Font-Family: Times, Serif, New Century Dene si el texto se muestra en
Schoolbook, Arial. maysculas, pero con el texto un poco
Especica el tipo de fuente. ms grande que en minsculas.
Font-Style: normal o italic o oblique Font-size: 10px
Dene cmo mostrar el texto, normal o Especica el tamao del texto a
inclinado. Font: italic bold 12px helvetica
Font-variant: normal o SMALL-CAPS

Propiedades de Color y Fondo:


Color: blue, otra manera de denirlo es con repeat-y: permite que se repita la
valores hexadecimales color: #000080 imagen verticalmente.
Dene el color de un elemento, se puede repeat: permite que se repita la imagen
expresar con el nombre del color o su tanto vertical como horizontalmente.
representacin en hexadecimal. no-repeat: evita que la imagen se
repita.
background-color: red, otra manera de
denirlo es con valores hexadecimales, Background-attachment: scroll o xed
background-color: #000080
Dene un color de fondo a un elemento. Determina si la imagen de fondo se
desplaza con el contenido o si queda
ja con respecto al lienzo. Debe estar
background-image: url(image/imagen.jpg) acompaada de Background-image de
Dene una imagen para el fondo del la siguiente manera:
elemento. body
background-repeat: repeat o repeat-x o {
repeat-y o no-repeat. background-image: url(image/im-
Repeat-x: permite que se repita la agen.jpg);
imagen horizontalmente. background-attachment: xed;
}

Propiedades para Texto


Dene la presentacin de un texto con
word-spacing: 0.4em;
Dene la cantidad de espacio existente subrayado, lnea superior, tachado o
entre palabras vertical-align: baseline o sub o super o
letter-spacing: 0.1 em; top o text-top o middle o bottom o
Dene la cantidad de espacio existente text-bottom
entre letras. Dene la alineacin de un texto con
text-decoration: none o underline o overline respecto a la lnea horizontal donde se
o line-through o blink encuentre ubicado.
CURSO: WEB

Dene la alineacin de un texto con text-transform: none o Capitalize o UP-


respecto a la lnea horizontal donde se PERCASE o lowercase.
encuentre ubicado. Capitalize: en mayscula el primer car-
baseline: alineacin en toda la base del acter de cada palabra.
elemento (alineacin por defecto). UPPERCASE: en maysculas todas las
middle: alineacin del texto en la lnea letras de cada palabra.
media horizontal. Lowercase: en minsculas todas las
sub: alineacin como subndice. letras de cada palabra.
super: alineacin como exponente o
superndice. text-align: left o right o center o justify.
text-top: alineacin en la lnea superior Dene la alineacin del texto: alineacin
horizontal. a la derecha, izquierda, centro o justica-
text-bottom: alineacin en la parte infe- do.
rior de la lnea vertical.

Propiedades para Tablas


margin-top: 5em Dene, de manera agrupada, 1em para
Especica el margen que existe entre un top, 2 em para right, 3em para bottom y
elemento superior y la tabla, por defec- 4 em para left.
to su valor es 0. border-top-width: 0
margin-right: 3em Se usa para especicar el ancho de un
Dene el margen derecho de un ele- elemento en el borde superior.
mento. border-right-width: 0
margin-bottom:12em Se usa para denir el ancho de un ele-
Especica el margen inferior de un mento en el borde derecho.
elemento. border-bottom-width:
margin: 1em 2em 3em 4em Especica el ancho del borde inferior
Dene un margen superior de 1em, de un elemento.
right de 2 em, bottom de 3em y left de border-left-width: 0
padding-top: 0 Describe el valor del ancho del borde
Especica el espacio que debe existir izquierdo de un elemento.
entre el borde superior y el siguiente border-color: blue o border-color:
padding-right: 0 #000800
Describe el espacio que debe existir Se usa para denir el color de los
entre el borde derecho y el contenido. bordes de un elemento, su valor puede
padding-left: 0 ser el nombre del color o su valor en
Dene el espacio que debe existir entre hexadecimal.
el borde izquierdo y el contenido. Border-style: none dotted dashed solid
padding-bottom: 0 double groove ridge inset outset
Especica el espacio que debe existir Dene la apariencia del borde de un
entre el borde inferior y el contenido. elemento, segn la propiedad asigna-
padding: 1em 2em 3em 4em border-top: valorparaelancho valorparae-
lestilo valorparaelcolor
CURSO: WEB

border-right: valorparaelancho valorparae- Dene el valor horizontal de un elemento.


lestilo valorparaelcolor
height: 30px
border-bottom: valorparaelancho valor-
paraelestilo valorparaelcolor Dene el tamao vertical de un elemento.
border-left:valorparaelancho valorparae- Float: left o right o none
lestilo valorparaelcolor Permite ajustar texto alrededor de un
width: 30px elemento.

Propiedades de Clasicacin:
Display: block inline listitem none normal: cuando se crean varios espacios
block: crea un salto de lnea despus en blanco en un solo lugar, los
del elemento. convierte a un solo espacio en blanco.
inline: quita los saltos de lnea que pre: no combina espacios en blanco.
estn a continuacin del elemento. nowrap: no permite saltos de lnea si no
Listitem: agrega un marcador de tems est la etiqueta <br>.
de lista
none: sin ningn tipo de visualizacin Liststyletype: disc circle square decimal
denida. lowerroman upperroman loweralpha
whitespace: normal pre nowrap Se usa para especicar la presentacin
de las listas a travs de crculos,
normal: cuando se crean varios espacios decimales, letras en maysculas, entre
en blanco en un solo lugar, los otros.
convierte a un solo espacio en blanco.