Modificar un estilo

Importante:  Este artículo se ha traducido con traducción automática; vea la declinación de responsabilidades. Para su referencia, puede encontrar la versión en inglés de este artículo aquí.

Si desea modificar las propiedades de un estilo de una hoja de estilos en cascada (CSS) externa, interna o en línea, puede empezar con el panel de tareas Propiedades de CSS o el panel de tareas Aplicar estilos. El panel de tareas Aplicar estilos le permite modificar cualquier estilo que se encuentre en las hojas de estilos de la página Web actual, incluso los que la página no utiliza. El panel de tareas Propiedades de CSS le permite modificar únicamente los estilos utilizados en la página Web actual, los estilos que pueda seleccionar en la vista Código, o cualquier estilo de un archivo .css externo abierto.

Nota: Si desea cambiar el nombre de un estilo basado en clase y, a la vez, actualizar todas las referencias a dicho estilo, use el comando Cambiar nombre de la clase de los paneles de tareas Aplicar estilos, Administrar estilos o Propiedades de CSS. Si cambia el nombre de un estilo basado en clase con el cuadro de diálogo Modificar estilo, las referencias al estilo no se actualizan. Sea cual sea el método que utilice para cambiar el nombre de estilos basados en identificador o cambiar el tipo de selector de cualquier tipo de estilo, las referencias al estilo no se actualizan, si no que debe actualizarlas usted mismo.

¿Qué desea hacer?

Cambiar el nombre de un estilo basados en clases

Modificar un estilo usando el panel de tareas Propiedades de CSS

Modificar un estilo mediante el cuadro de diálogo Modificar estilo

Cambiar el nombre de un estilo basado en clase

  1. Abra una página Web que contenga la CSS con el estilo basado en clase que desea modificar.

  2. Siga uno de estos procedimientos:

    • En el panel de tareas Aplicar estilos, seleccione el estilo basado en clase, haga clic en la flecha hacia abajo y, a continuación, haga clic en Cambiar nombre de clase.

    • En los paneles de tareas Administrar estilos o Propiedades de CSS, haga clic con el botón secundario en el estilo basado en clase y, a continuación, haga clic en Cambiar nombre de clase.

  3. En el cuadro de diálogo Cambiar nombre de clase, en el cuadro Nuevo nombre, escriba un nuevo nombre para la clase. No es necesario que escriba un punto (.) delante del nombre.

  4. Para actualizar el nombre de la clase en todas las referencias a ella existentes, haga clic en Cambiar nombre de referencias de clase en los (#) archivos que utilizan esta hoja de estilos.

  5. Haga clic en Aceptar.

Volver al principio

Modificar un estilo usando el panel de tareas Propiedades de CSS

  1. Abra una página Web que contenga el estilo que desea modificar.

  2. En el panel de tareas Propiedades de CSS, si el estilo que desea modificar no aparece en la lista Reglas aplicadas, sitúe el cursor en contenido que use el estilo que desea modificar, o seleccione dicho contenido.

  3. En la lista Reglas aplicadas, haga clic en el nombre del estilo que desee modificar.

  4. En la sección Propiedades de CSS del panel de tareas Propiedades de CSS, defina las propiedades que desee.

Volver al principio

Modificar un estilo mediante el cuadro de diálogo Modificar estilo

  1. Abra una página Web que contenga la CSS con el estilo que desea modificar.

  2. Siga uno de estos procedimientos:

    • Para modificar un estilo basado en clase, basado en elemento o basado en identificador, seleccione el estilo en el panel de tareas Aplicar estilos, haga clic en la flecha hacia abajo y, a continuación, haga clic en Modificar estilo.

    • Para modificar un estilo en línea, sitúe el cursor en contenido que use el estilo que desea modificar, o seleccione dicho contenido, seleccione el estilo en el panel de tareas Aplicar estilos, haga clic en la flecha hacia abajo y, a continuación, haga clic en Modificar estilo.

    • En la lista Reglas aplicadas del panel de tareas Propiedades de CSS, haga clic con el botón secundario en el estilo y, a continuación, haga clic en Modificar estilo. Si el estilo que desea modificar no aparece en la lista Reglas aplicadas del panel de tareas, sitúe el cursor en contenido que use el estilo que desea modificar, o seleccione dicho contenido.

  3. Para cambiar el nombre y el tipo de selector del estilo, en el cuadro Selector del cuadro de diálogo Modificar estilo, siga uno de estos procedimientos:

    Nota: Los nombres de los selectores de clases y de identificadores no pueden contener espacios, salvo que se esté creando un selector complejo.

    • Para usar un selector de elemento, haga clic en el nombre de un elemento en el cuadro desplegable Selector.

    • Para usar un selector de id., escriba un signo de número (#) seguido por un nombre único.

    • Para usar un selector en línea, haga clic en Estilo en línea en el menú del cuadro Selector.

    • Para usar un selector de clases, escriba un punto (.) seguido por un nombre único.

      Nota: Para cambiar el nombre de un estilo basados en clases existente y actualizar automáticamente las referencias existentes a ese estilo, use el procedimiento de la sección anterior para cambiar el nombre de un estilo de clase.

  4. En el cuadro Categoría, haga clic en una de las opciones siguientes y defina las propiedades a las que desea aplicar formato:

    • Fuente establece las propiedades de la fuente, como tamaño, grosor, decoración y color.

    • Bloque establece el alto de las líneas, y la alineación, sangría y espaciado del texto.

    • Fondo establece el color de fondo y las propiedades de las imágenes de fondo.

    • Borde establece un borde y sus propiedades.

    • Cuadro establece las propiedades de relleno y márgenes de los elementos de cuadro y de nivel de cuadro.

    • Posición establece las dimensiones y la posición de los elementos de cuadro y de nivel de cuadro.

    • Diseño establece la visibilidad, el comportamiento de flotación y ajuste, y las propiedades de recorte y otras propiedades de diseño de los elementos de cuadro y de nivel de cuadro.

    • Lista establece las propiedades de los elementos de lista, que son tipo, posición e imagen.

    • Tabla establece las propiedades de los elementos relacionados con las tablas, como espaciado, diseño y borde.

  5. Haga clic en Aceptar.

Volver al principio

Nota: Declinación de responsabilidades de traducción automática: Este artículo se ha traducido con un sistema informático sin intervención humana. Microsoft ofrece estas traducciones automáticas para que los hablantes de otros idiomas distintos del inglés puedan disfrutar del contenido sobre los productos, los servicios y las tecnologías de Microsoft. Puesto que este artículo se ha traducido con traducción automática, es posible que contenga errores de vocabulario, sintaxis o gramática.

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×