Cuadros de diálogos de Nuevo estilo y Modificar estilo, Bloque
Publicada: abril de 2016
La categoría Bloque de los cuadros de diálogo Nuevo estilo y Modificar estilo permite definir reglas de estilo de hoja de estilos en cascada (CSS) para bloques de texto. Puede aplicar estas reglas de estilo a elementos HTML o bien agregarlas a la página actual o a una hoja de estilos externa.
Para definir una regla de estilo de bloque de texto 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 Bloque.
Las selecciones de estilo de bloque de texto 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 bloque de texto a una regla de estilos 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.
Realice una de estas acciones.
Haga clic con el botón secundario en la hoja de estilos en el editor y, desde el menú contextual, elija Generar estilo.
En la barra de herramientas de la hoja de estilos, elija Generar estilo.
Aparece el cuadro de diálogo Modificar estilo.
En el panel izquierdo, haga clic en Bloque.
Las selecciones de estilo de bloque de texto se muestran 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.
Lista de UIElement
En las tablas siguientes se indican las opciones disponibles bajo la categoría Bloque de los cuadros de diálogo Nuevo estilo y Modificar estilo.
Opciones de Bloque:
line-height
El espaciado entre líneas de texto. Si especifica un valor, puede seleccionar las unidades en la lista.vertical-align
La posición vertical del contenido de un elemento o una celda de la tabla. Si especifica un valor, puede seleccionar las unidades en la lista.text-align
La posición horizontal del texto o de una imagen.text-indent
La sangría de la primera línea de texto en un párrafo. Si especifica un valor, puede seleccionar las unidades en la lista.white-space
Cómo se representa el espacio en blanco. El espacio en blanco incluye espacios, tabuladores y retornos manuales. Los valores son los siguientes:normal Contrae caracteres consecutivos de espacio en blanco en un único espacio.
nowrap Suprime el ajuste de línea.
pre Conserva los caracteres de espacio en blanco.
pre-line Conserva los caracteres de espacio en blanco pero ajusta el texto.
pre-wrap Conserva los caracteres de espacio en blanco y no ajusta el texto.
inherit Hereda el estilo de espacio en blanco de un elemento primario.
word-spacing
La cantidad de espaciado entre las palabras. Si especifica un valor, puede seleccionar las unidades en la lista.letter-spacing
La cantidad de espaciado entre las letras de una palabra. Si especifica un valor, puede seleccionar las unidades en la lista.
Otros elementos de la interfaz de usuario
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 aplique en línea 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.
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.