Compartir a través de


Formato, CSS, Editor de texto, Opciones (Cuadro de diálogo)

Este cuadro de diálogo permite cambiar la configuración de formato predeterminada del Editor de CSS.

  1. En Microsoft Visual Web developer, en la barra de menús, elija Herramientas y elija Opciones.

    Se abre el cuadro de diálogo Opciones.

  2. En el panel de la izquierda, expanda el nodo Editor de texto, expanda el nodo CSS y, a continuación, elija Formato.

    Si ha configurado el entorno para el desarrollo web, el elemento Editor de texto no estará disponible a menos que se active la casilla Mostrar todas las configuraciones. Para obtener más información sobre la configuración del entorno, vea Cómo: Cambiar configuraciones seleccionadas.

Nota

Hay opciones adicionales para las hojas de estilos en cascada (CSS) debajo del nodo Diseñador HTML, que se ve si está activada la casilla Mostrar todas las configuraciones.

Tareas

Elementos de interfaz de usuario

Este cuadro de diálogo incluye los siguientes elementos de interfaz de usuario. Incluye el cuadro Vista previa para mostrar un ejemplo de los resultados de las selecciones realizadas.

799tebac.collapse_all(es-es,VS.120).gifEstilo

  • Reglas compactas
    El selector y la declaración se colocan en la misma línea, tal como se muestra en la siguiente ilustración:

    Formato compacto de hoja de estilos

  • Semiexpandido
    El selector y la llave inicial ( { ) se colocan en la misma línea, se aplica sangría a las declaraciones en las líneas siguientes y la llave de cierre ( } ) se alinea con la llave de apertura correspondiente, tal como se muestra en la siguiente ilustración:

    Captura de pantalla de CascadingStyleSheetSemiExpanded

  • Expandido
    El selector y la llave inicial aparecen cada una en sus propias líneas, se aplica sangría a las declaraciones en las líneas siguientes y la llave de cierre se alinea con la llave de apertura correspondiente, tal como se muestra en la siguiente ilustración:

    Formato expandido de hoja de estilos

799tebac.collapse_all(es-es,VS.120).gifSelector de colores

Use esta opción para especificar cómo el selector de colores escribe los valores de color en hojas de estilos. El cuadro Vista previa muestra ejemplos de valores de las opciones pertinentes. El valor predeterminado es Usar Hex de forma predeterminada. Elija Deshabilitado para deshabilitar el selector de colores.

  • Si ha elegido hexadecimal, RGB o HSL como valor predeterminado y después cambia la opacidad de un color en el editor, el selector de colores incorporará valores en formato RGBA o HSLA. Esto es porque no hay ninguna representación de opacidad en el formato hexadecimal estándar.

  • Si modifica un color RGB o HSL existente, su formato se conservará independientemente de la configuración predeterminada.

799tebac.collapse_all(es-es,VS.120).gifIndentation

Seleccione Sangría jerárquica si desea que la sangría de las reglas de CSS reflejen su lugar en la jerarquía de CSS. El cuadro Vista previa muestra cómo aparecerá CSS cuando se active o desactive esta opción.

Vea también

Referencia

Tabulaciones, CSS, Editor de texto, Opciones (Cuadro de diálogo)

General, CSS, Editor de texto, Opciones (Cuadro de diálogo)

Formato, HTML, Editor de texto, Cuadro de diálogo Opciones

Editor CSS