Compartir a través de


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.