Panel de tareas Propiedades de CSS

Puede usar el panel de tareas Propiedades de CSS junto con una página web abierta, un archivo CSS externo o con el panel de tareas Administrar estilos para revisar y cambiar las propiedades y los valores de los estilos existentes.

Cuando se usa el panel de tareas Propiedades de CSS con una página web, el panel de tareas permite ver con rapidez todos los estilos que se usan en la selección actual de la página web, el orden de prioridad de dichos estilos y todas las propiedades y los valores de los mismos.

[!NOTA]

Si una propiedad de CSS no es compatible con el esquema CSS seleccionado en la ficha Creación del cuadro de diálogo Opciones del editor de páginas, la lista de valores de dicha propiedad aparece en blanco en los cuadros de diálogo Nuevo estilo y Modificar estilo y la propiedad no aparece en el panel de tareas Propiedades de CSS. Para obtener más información, consulte Establecer opciones de IntelliSense para CSS.

Panel de tareas Propiedades de CSS

1. El botón Mostrar lista ordenada por categorías organiza la lista de propiedades por categorías, como Fuente y Bloque.

   El botón Mostrar lista ordenada alfabéticamente organiza la lista de propiedades en una lista alfabética única.

   El botón Mostrar propiedades definidas encima  organiza la lista de propiedades de modo que las propiedades definidas en el estilo seleccionado aparezcan al principio de la lista.

2. El botón Resumen muestra, debajo de la columna Propiedades de CSS, una lista de todas las propiedades que afectan a la selección actual, en lugar de mostrar solamente las propiedades del estilo seleccionado. En el modo de resumen, puede hacer clic en una propiedad de Propiedades de CSS para esquematizar la regla asociada en Reglas aplicadas. Para salir del modo de resumen, haga clic de nuevo en Resumen o haga clic en una regla en Reglas aplicadas.

3. Reglas aplicadas muestra el selector de cada estilo que afecta a la selección actual. Los estilos se muestran en orden de prioridad ascendente, desde el estilo de menor prioridad al principio de la lista al estilo de mayor prioridad al final de ésta.

   Señale un selector para ver todo el conjunto de reglas en la información en pantalla. Seleccione un selector para mostrar sus propiedades en Propiedades de CSS. Haga doble clic en un selector para ir al código de dicho conjunto de reglas.

4. Esta columna muestra la etiqueta a la que se aplica cada estilo y el selector del estilo. Señale una fila de la columna para ver la regla aplicada. La columna se denomina Página actual cuando el estilo seleccionado reside en una CSS interna y, cuando reside en una CSS externa, recibe el nombre del archivo de CSS externa. Si lo desea, puede señalar el nombre de archivo de la CSS externa para ver la ruta de acceso del archivo o hacer clic en el nombre del archivo de la CSS externa para abrir el archivo.

5. Propiedades de CSS enumera los valores de las propiedades definidas en el estilo seleccionado en Reglas aplicadas, así como todas las propiedades no definidas. Haga doble clic en una propiedad para ir al código de dicho conjunto de reglas.

6. Cuando se seleccionan los botones Mostrar lista ordenada por categorías y Mostrar propiedades definidas encima, las propiedades del estilo seleccionado se agrupan al principio de la lista de propiedades de cada categoría.

7. Para definir el valor de una propiedad, puede escribir un valor en el cuadro que se encuentra junto al nombre de la propiedad, o seleccionar el cuadro y luego hacer clic en el botón de flecha desplegable , si está disponible, o seleccionar el botón y seleccionar un valor.

8. Las propiedades atravesadas por una línea roja están definidas por el estilo seleccionado, pero, o bien la selección actual no las heredó, o bien otro estilo las anuló. Para ver información en pantalla más detallada, señale una propiedad tachada. La información en pantalla de las propiedades anuladas identifica la propiedad que las anuló.

Sugerencia:
Para mostrar un menú contextual que contiene opciones adicionales para trabajar con la CSS, en el panel de tareas Propiedades de CSS, haga clic con el botón secundario en un selector de Reglas aplicadas.

Vea también

Conceptos

Modificar un estilo

Panel de tareas Aplicar estilos

Crear un estilo

Quitar un estilo del contenido

Establecer opciones de IntelliSense para CSS