Establecer márgenes, espaciado interno y dimensiones en la vista Diseño

Para agregar o quitar rápidamente las propiedades de ancho, de alto o ambas de un elemento a nivel de bloque, haga doble clic en un manipulador de cambio de tamaño cuadrado en el elemento seleccionado. También puede establecer rápidamente el margen y el espaciado interno de cualquier lado de un elemento a nivel de bloque si arrastra el borde de un elemento o uno de los manipuladores de la línea que se extienden desde cada esquina del elemento seleccionado en la Vista de diseño.

Margen en el lado izquierdo de una imagen

Los manipuladores de cambio de tamaño aparecen en el medio de los lados derecho e inferior, y en la esquina inferior derecha del elemento a nivel de bloque seleccionado. Para establecer los márgenes, arrastre un borde de un elemento o utilice los manipuladores de márgenes rosados; para establecer el relleno, presione MAYÚS y arrastre el borde de un elemento o utilice los manipuladores de relleno azules. Los márgenes de los elementos aparecen sombreados en rosa, mientras que las áreas con relleno aparecen sombreadas en azul. Mientras se arrastra, el nuevo margen aparece sombreado en naranja y el nuevo espaciado interno, en verde.

Puede utilizar estas técnicas en imágenes, tablas, capas, subprogramas, marcos flotantes y elementos a nivel de bloque, que incluyen párrafos, encabezados (<h1>, <h2>, etc.), listas y elementos de listas, formularios y elementos de formularios, elementos div no posicionados, etiquetas de dirección, etiquetas de bloqueo de cita, líneas horizontales y etiquetas <center>. Cuando se utiliza cualquiera de estas técnicas, Microsoft Expression Web produce el formato mediante la creación de un estilo en línea o un estilo que utiliza un selector de clases, en función de la configuración de la aplicación del estilo asociado. Para modificar esta configuración, vea Establecer las preferencias para CSS generado.

Los manipuladores aparecen al seleccionar el elemento o tras seleccionar un elemento a nivel de bloque y seleccionar después uno de los siguientes elementos: el borde de puntos que rodea el bloque del elemento; la ficha a nivel de bloque del elemento, que aparece en la parte superior del elemento en la Vista de diseño; o la etiqueta del elemento en la barra Selector rápido de etiquetas. Por ejemplo, si hace clic en una imagen, los manipuladores aparecen de inmediato; si selecciona un elemento a nivel de bloque, como un párrafo, los manipuladores no aparecen hasta que hace clic en la ficha a nivel de bloque "p" del párrafo, en la línea de puntos que aparece alrededor del bloque del párrafo, o bien en la etiqueta <p> del párrafo en la barra Selector rápido de etiquetas. Asimismo, no podrá ver los manipuladores ni el sombreado de los márgenes o el espaciado interno de los elementos a nivel de bloque a menos que la opción Selección de bloques esté seleccionada en el submenú Ayudas visuales del menú Ver.

Para establecer el margen, el relleno o las dimensiones de un elemento a nivel de bloque

1. En la Vista de diseño de la página web, seleccione el elemento.

   Los manipuladores de línea y de cambio de tamaño se extienden desde cada esquina del elemento. Si no aparecen los manipuladores, siga una o varias de las siguientes acciones.

   • Si seleccionó un elemento a nivel de bloque en el menú Ver, elija Ayudas visuales y, a continuación, haga clic en Mostrar. En el menú Ver, elija Ayudas visuales de nuevo y haga clic en Selección de bloques.

   • Haga clic en la línea de puntos que rodea el bloque del elemento.

   • Haga clic en la ficha de ayudas visuales en la parte superior del elemento.

   • Haga clic en la etiqueta del elemento en la barra Selector rápido de etiquetas de la parte superior de la ventana de edición.

2. Siga uno o varios de estos procedimientos:

   • Para establecer un margen, arrastre el manipulador de márgenes rosado o el borde del lado que desee.

   • Para establecer el relleno, mantenga presionada la tecla MAYÚS y arrastre el manipulador de relleno azul o el borde del lado que desee.

   • Para agregar o quitar sólo la propiedad de ancho, haga doble clic en el manipulador de cambio de tamaño del lado derecho del elemento.

   • Para agregar o quitar sólo la propiedad de alto, haga doble clic en el manipulador de cambio de tamaño de la parte inferior del elemento.

   • Para agregar o quitar las propiedades de ancho y de alto, haga doble clic en el manipulador de cambio de tamaño de la esquina inferior derecha del elemento.

Vea también

Tareas

Establecer propiedades de bordes, márgenes y fondo
Alinear texto

Referencia

Selector rápido de etiquetas

Conceptos

Trabajar con hojas de estilos en cascada generadas
Ayudas visuales
Referencia de hojas de estilos en cascada

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.