Referencia de hojas de estilos en cascada
Los autores de páginas web pueden tener un control significativo sobre el aspecto de los documentos si usan hojas de estilos en cascada.
Información general y tutoriales
Los temas siguientes proporcionan información general acerca de cómo crear reglas para hojas de estilos en cascada y de cómo se aplican a los elementos individuales de una página HTML:
Descripción de los selectores Las reglas de estilo son los bloques de creación básicos de una hoja de estilos en cascada. Los selectores se utilizan para "seleccionar" elementos en una página HTML y poder aplicarles estilos. Sin selectores, no habría manera de determinar cómo se deben aplicar las reglas. Este tema presenta los aspectos básicos de la sintaxis de declaración de las hojas de estilos en cascada con el fin de describir cómo se usan los selectores.
Referencia de unidades de longitud Esta sección describe las unidades de longitud que se usan con las hojas de estilos en cascada.
Acerca del posicionamiento de los elementos La mayoría de los exploradores modernos pueden colocar elementos HTML en las coordenadas x e y, además de superponer elementos en planos a lo largo del eje z, que se acerca y aleja del visor en un documento web. Gracias a esta funcionalidad, el usuario puede colocar con precisión elementos, imágenes, controles o texto en una página web. Mediante el uso de scripts para manipular las coordenadas de posición y otros estilos dinámicos, puede mover elementos alrededor de una página y crear efectos animados. El uso combinado de estilos dinámicos, posicionamiento e imágenes transparentes ofrece una amplia variedad de opciones de animación.
Colores Es posible especificar colores en las páginas HTML de dos formas: por el nombre o por el valor RGB.
Propiedades de medida y ubicación en modo de interpretación El HTML dinámico (DHTML) presenta las propiedades de medida y de ubicación que se pueden usar para cambiar el tamaño y la posición de los elementos HTML de las páginas web. Una vez que se haya familiarizado con estas propiedades y el modo en que afectan a los elementos de una página, podrá lograr un mayor control sobre la apariencia de sus páginas web. Por ejemplo, puede usar estas propiedades para diseñar páginas que sean similares a los documentos de otras aplicaciones, como Microsoft Office PowerPoint o Microsoft Office Word.
Propiedades
Esta sección contiene temas de referencia de las propiedades de las hojas de estilos en cascada admitidas. Para obtener una lista de propiedades de las hojas de estilos en cascada por categorías, vea Propiedades por categorías.
background Establece hasta cinco propiedades de fondo del objeto independientes.
background-attachment Establece cómo se adjunta la imagen de fondo al objeto dentro del documento.
background-color Establece el color detrás del contenido del objeto.
background-image Establece la imagen de fondo del objeto.
background-position Establece la posición del fondo del objeto.
background-repeat Establece cómo se coloca en mosaico la propiedad background-image del objeto.
border Establece las propiedades para dibujar alrededor del objeto.
border-collapse Establece un valor que indica si los bordes de fila y de celda de una tabla se unen en un solo borde o se separan como en HTML estándar.
border-color Establece el color del borde del objeto.
border-style Establece el estilo de los bordes izquierdo, derecho, superior e inferior del objeto.
border-left Establece las propiedades del borde superior del objeto.
border-bottom-color Establece el color del borde inferior del objeto.
border-left-color Establece el color del borde izquierdo del objeto.
border-right-color Establece el color del borde derecho del objeto.
border-top-color Establece el color del borde superior del objeto.
border-bottom-style Establece el estilo del borde inferior del objeto.
border-left-style Establece el estilo del borde izquierdo del objeto.
border-right-style Establece el estilo del borde derecho del objeto.
border-top-style Establece el estilo del borde superior del objeto.
border-bottom-width Establece el ancho del borde inferior del objeto.
border-left-width Establece el ancho del borde izquierdo del objeto.
border-right-width Establece el ancho del borde derecho del objeto.
border-top-width Establece el ancho del borde superior del objeto.
border-width Establece el ancho de los bordes izquierdo, derecho, superior e inferior del objeto.
bottom Establece la posición inferior del objeto respecto a la parte inferior del siguiente objeto posicionado en la jerarquía del documento.
clear Establece si el objeto admite objetos flotantes en el lado izquierdo, el lado derecho, o en ambos, de manera que el siguiente objeto se muestre a continuación de los objetos flotantes.
clip Establece la parte visible del objeto posicionado.
color Establece el color del texto del objeto.
cursor Establece el tipo de puntero que se muestra a medida que el puntero se mueve sobre un objeto.
direction Establece el orden de lectura del objeto.
display Establece si el objeto se representará.
font Establece una combinación de propiedades de fuente individuales del objeto. También establece o recupera una o más de las seis fuentes de preferencia del usuario.
font-family Establece el nombre de la fuente utilizada para el texto en el objeto.
font-size Establece un valor que indica el tamaño de la fuente utilizado para el texto en el objeto.
font-style Establece el estilo de fuente del objeto como cursiva, normal u oblicuo.
font-variant Establece si el texto del objeto estará en versalitas.
font-weight Establece el grosor de la fuente del objeto.
height Establece el alto del objeto.
left Establece la posición del objeto respecto al borde izquierdo del siguiente objeto posicionado en la jerarquía del documento.
letter-spacing Establece la cantidad de espacio adicional entre letras del objeto.
line-height Establece la distancia entre líneas del objeto.
list-style Establece un máximo de tres propiedades list-style individuales del objeto.
list-style-image Establece un valor que indica la imagen que se usará como marcador list-item para el objeto.
list-style-position Establece una variable que indica cómo se dibujará el marcador list-item respecto al contenido del objeto.
list-style-type Establece el tipo predefinido de marcador line-item para el objeto.
margin Establece el ancho de los márgenes superior, derecho, inferior e izquierdo del objeto.
margin-bottom Establece el tamaño del margen inferior del objeto.
margin-left Establece el tamaño del margen izquierdo del objeto.
margin-right Establece el tamaño del margen derecho del objeto.
margin-top Establece el tamaño del margen superior del objeto.
max-height Establece el alto máximo para un elemento.
max-width Establece el ancho máximo para un elemento.
min-height Establece el alto mínimo para un elemento.
min-width Establece el ancho mínimo para un elemento.
overflow Establece un valor que indica cómo administrar el contenido del objeto cuando supera el alto o el ancho del objeto.
padding Establece la cantidad de espacio para insertar entre el objeto y su margen; o si hay un borde, entre el objeto y su borde.
padding-bottom Establece la cantidad de espacio para insertar entre el borde inferior del objeto y el contenido.
padding-left Establece la cantidad de espacio para insertar entre el borde izquierdo del objeto y el contenido.
padding-right Establece la cantidad de espacio para insertar entre el borde derecho del objeto y el contenido.
padding-top Establece la cantidad de espacio para insertar entre el borde superior del objeto y el contenido.
page-break-after Establece un valor que indica si se insertará un salto de página después del objeto.
page-break-before Establece un valor que indica si se insertará un salto de página antes del objeto.
posición Establece el tipo de posicionamiento que se usará para el objeto.
right Establece la posición del objeto respecto al borde derecho del siguiente objeto posicionado en la jerarquía del documento.
table-layout Establece una cadena que indica si el diseño de tabla es fijo.
text-align Establece si el texto del objeto está alineado a la izquierda, alineado a la derecha, centrado o justificado.
text-decoration Establece un valor que indica si el texto del objeto contiene decoraciones de tipo intermitente, tachado, suprarrayado o subrayado.
text-indent Establece la sangría de la primera línea del texto en el objeto.
text-transform Establece la representación del texto en el objeto.
top Establece la posición del objeto respecto a la parte superior del siguiente objeto posicionado en la jerarquía del documento.
unicode-bidi Establece el nivel de incrustación respecto al algoritmo bidireccional (de derecha a izquierda).
vertical-align Establece la alineación vertical del objeto.
visibility Establece si se mostrará el contenido del objeto.
white-space Establece un valor que indica si se insertarán saltos de línea automáticos dentro del objeto.
width Establece el ancho del objeto.
word-spacing Establece la cantidad de espacio adicional entre palabras en el objeto.
z-index Establece el orden de apilamiento de los objetos posicionados.
Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.