Actualización: noviembre 2007
La categoría Cuadro de los cuadros de diálogo Nuevo estilo y Modificar estilo permite definir reglas de estilo de hojas de estilos en cascada (CSS) para un cuadro que contiene un elemento de página web. Puede aplicar estas reglas de estilo directamente a elementos HTML o agregarlas a la página actual o a una hoja de estilos externa.
Para definir una regla de estilo de cuadro de CSS para elementos de la interfaz de usuario de la página actual
Abra la página en la vista Diseño o la vista Código.
Opcionalmente, seleccione el texto o elementos HTML a los que aplicar el estilo.
En el menú Formato, haga clic en Nuevo estilo.
Aparece el cuadro de diálogo Nuevo estilo.
En el panel Categoría, seleccione Cuadro.
Las selecciones de estilo de cuadro se muestran en el panel derecho.
Cuando aplique estilos al texto seleccionado en la vista Diseño, los atributos de estilo se insertarán en el marcado HTML de la página. Cambie a la vista Código para revisar los nuevos atributos de estilo.
Para agregar atributos de cuadro a una regla de estilo CSS definida en una hoja de estilos externa
Abra una hoja de estilos externa existente.
Coloque el cursor entre las llaves de la regla de estilo que se va a modificar.
En el menú Estilos, haga clic en Generar estilo.
Aparece el cuadro de diálogo Modificar estilo.
 Nota: |
|---|
El menú Estilos aparecerá cuando abra una hoja de estilos CSS externa para editarla. La opción Generar estilo del menú Estilos estará disponible cuando coloque el cursor entre las llaves situadas detrás del selector de una regla de estilo. |
En el panel izquierdo, haga clic en Cuadro.
Las selecciones de estilo de cuadro aparecen en el panel derecho.
Puede aplicar una clase de estilo CSS a un elemento de la página web o al elemento body en sí estableciendo la propiedad class del elemento en el nombre del selector de clase.
En las tablas siguientes se indican las opciones disponibles bajo la categoría Cuadro de los cuadros de diálogo Nuevo estilo y Modificar estilo.
- relleno
El relleno de un elemento. El relleno define la cantidad de espacio en blanco dentro del borde del elemento, si existe. Puede establecer el relleno de cada lado (superior, derecho, inferior o izquierdo) de forma independiente. Si especifica un valor en algún lado, puede seleccionar unidades en la lista. Para que el relleno sea igual en todos los lados, especifique un valor en top y, a continuación, active la casilla Igual para todos.
- margen
Los márgenes alrededor de un elemento. Un margen define la cantidad de espacio en blanco fuera del borde del elemento, si existe. Puede establecer el margen de cada lado (superior, derecho, inferior o izquierdo) de forma independiente. Si especifica un valor en algún margen, puede seleccionar unidades en la lista. Para que los márgenes sean iguales en todos los lados, especifique un valor en top y, a continuación, active la casilla Igual para todos.
- Referencia del modelo de cuadro CSS
Muestra el significado de la terminología de cuadros de CSS, como margen, borde, relleno y parte superior.
- Selector
(Sólo cuadro de diálogo Nuevo estilo) Permite escribir un nombre de clase o hacer clic en un elemento HTML al que se aplica el estilo. Los nombres de clase deben comenzar con un punto (.). También puede seleccionar (estilo en línea), lo que hace que el estilo se se inserte en el texto o elementos HTML seleccionados.
- Definir en
(Sólo cuadro de diálogo Nuevo estilo) Permite especificar dónde se escribe la definición de la regla de estilo. Los valores son los siguientes:
Página actual La regla de estilo se escribe en un elemento style de la página actual.
Nueva hoja de estilos Se agrega una nueva hoja de estilos CSS al proyecto y la regla se escribe en ella.
Hoja de estilos existente Se agrega la regla de estilo a la hoja de estilos CSS especificada mediante la lista Dirección URL.
- Dirección URL
(Sólo cuadro de diálogo Nuevo estilo) Permite seleccionar una hoja de estilos CSS. Esta opción está habilitada sólo cuando Definir en está establecido en Hoja de estilos existente.
- Aplicar nuevo estilo a la selección del documento
(Sólo cuadro de diálogo Nuevo estilo) Especifica que el estilo se aplica al texto, clase o elemento HTML seleccionado.
- Vista previa
Muestra un ejemplo de cómo aparecerá la regla de estilo al aplicarla.
- Descripción
Muestra la definición CSS de la regla de estilo.
