Hojas de estilos en cascada con Dreamweaver

Las hojas de estilos en cascada (CSS) son un conjunto de reglas de formato que controlan el aspecto del contenido de una pgina Web. Los estilos CSS aportan gran flexibilidad y control al aspecto exacto que se busca en una pgina, desde la posicin precisa de elementos hasta el diseo de fuentes y estilos concretos. Los estilos CSS permiten definir muchas propiedades que no se pueden controlar utilizando slo HTML. Por ejemplo, puede asignar vietas de lista personalizadas y especificar distintos tamaos y unidades de fuente (pxeles, puntos, etc.). Si utiliza estilos CSS y define el tamao de fuente en pxeles, conseguir un tratamiento ms coherente del diseo y el aspecto de la pgina en mltiples navegadores. Adems del formato del texto, puede controlar el formato y la posicin de elementos de nivel de bloque (block-level) de una pgina Web. Por ejemplo, puede ajustar mrgenes, bordes, texto flotante sobre texto fijo, etc. Una regla de estilo CSS consta de dos partes: el selector y la declaracin. El selector es el nombre del estilo (TR o P, por ejemplo) y la declaracin define qu elementos forman el estilo. La declaracin, a su vez, consta de dos partes: la propiedad (por ejemplo, font-family) y el valor (por ejemplo, Helvetica). La expresin en cascada hace referencia a la posibilidad de aplicar varias hojas de estilos a una misma pgina Web. Por ejemplo, puede crear una hoja de estilos que aplique color y otra que aplique los mrgenes. Puede aplicar las dos a la misma pgina y crear as el diseo que desea. Una de las grandes ventajas de los estilos CSS reside en que cuentan con una capacidad simple de actualizacin; cuando actualiza un estilo CSS, el formato de todos los documentos que usan ese estilo se actualiza automticamente. En Dreamweaver, se utiliza el panel Estilos CSS para crear, ver y adjuntar atributos de estilo a los documentos. Puede definir los siguientes tipos de hojas de estilos CSS en Dreamweaver:

Los estilos CSS personalizados, tambin llamados estilos de clase, le permiten configurar atributos de estilo a cualquier rango o bloque de texto. Los estilos de etiquetas HTML redefinen el formato de una determinada etiqueta, como h1. Cuando se crea o cambia un estilo CSS para la etiqueta h1, todo el texto formateado con dicha etiqueta se actualiza inmediatamente. Los estilos del selector CSS redefinen el formato de una determinada combinacin de etiquetas (por ejemplo, td h2 se aplica cada vez que aparece un encabezado h2 dentro de una celda de tabla) o de todas las etiquetas que contienen un atributo id especfico (por ejemplo, #miEstilo se aplica a todas las etiquetas que contienen el par atributo-valor ID=miEstilo).

Las hojas de estilos CSS residen en el rea head del documento. Los estilos CSS pueden definir los atributos de formato de etiquetas HTML o rangos de texto identificados mediante un atributo class. Dreamweaver MX reconoce los estilos definidos en documentos existentes siempre que se ajusten a las directrices de los estilos CSS. Sugerencia: Para mostrar la gua de referencia CSS de OReilly incluida con Dreamweaver, haga clic en el botn Referencia de la barra de herramientas y elija OReilly CSS Reference en el men desplegable. La aplicacin manual de formato HTML prevalece sobre el formato aplicado con estilos CSS (o HTML). Para que los estilos CSS controlen el formato de un prrafo, deber quitar todos los estilos HTML y el formato HTML manual. La mayora de los atributos de estilo que aplique se pueden ver en la ventana de documento. Algunos de los atributos de estilo CSS se reproducen de forma distinta en Microsoft Internet Explorer 4.0 y Netscape Navigator 4.0, y otros no son compatibles actualmente con ningn navegador.

Mientras trabaja en el panel Estilos CSS, puede usar la funcin de Dreamweaver Hoja de estilos de tiempo de diseo. Esta funcin le permite ocultar o mostrar los atributos de hoja de estilos mientras disea una pgina con Dreamweaver (para poder ver, por ejemplo, un documento con una hoja de estilos diseada para Navigator o para Internet Explorer).

Utilizacin del panel Estilos CSS

El panel Estilos CSS se utiliza para crear, ver las propiedades y aplicar los estilos CSS a los elementos de un documento. Para abrir el panel Estilos CSS, lleve a cabo una de estas operaciones:

Elija Ventana > Estilos CSS. Pulse Mays+F11.

Los botones de opcin Aplicar estilos y Editar estilos situados en la parte superior del panel Estilos CSS le permiten seleccionar distintas vistas de los estilos CSS asociados al documento actual. La vista Aplicar estilos se utiliza para seleccionar un estilo de clase y aplicarlo a un elemento del documento. Esta vista slo muestra los estilos personalizados (de clase). Los estilos HTML redefinidos y los estilos del selector no se muestran en este panel. Como estn asociados a una etiqueta HTML, sus atributos de estilo se aplican automticamente a cualquier etiqueta del documento afectada por el estilo definido. Por ejemplo, si define atributos de estilo para la etiqueta table, la tabla de su documento se actualizar automticamente con las definiciones de estilo que haya seleccionado. La vista Editar estilos le permite visualizar la definicin de los estilos asociados al documento actual. Esta vista muestra la definicin de los estilos CSS personalizados (de clase), las etiquetas HTML redefinidas y los estilos CSS del selector. Tambin puede utilizar la vista Editar estilos para visualizar las Hojas de estilos de tiempo de diseo que ha aplicado al documento. Al crear o adjuntar hojas de estilos CSS, el nombre y los atributos del estilo aparecern en la vista Editar estilos del panel Estilos CSS. Esta vista muestra una lista de los selectores definidos en todas las etiquetas de estilo y hojas de estilos importadas o vinculadas externamente. Aplicar estilos le permite visualizar los estilos aplicados en el documento actual, as como los estilos disponibles en una hoja de estilos externa adjunta. Cuando se crea un estilo personalizado (clase), aparece en el panel Estilos CSS y en el submen Texto > Estilos CSS. Los botones que se muestran a continuacin se encuentran en la parte inferior del panel Estilos CSS: Adjuntar hoja de estilos abre el cuadro de dilogo Vincular hoja de estilos externa. Seleccione una hoja de estilos externa para adjuntar o para importar al documento actual. Nuevo estilo CSS abre el cuadro de dilogo Nuevo estilo CSS. Puede utilizar el cuadro de dilogo Nuevo estilo CSS para seleccionar el tipo de estilo que va a crear, por ejemplo, para crear un estilo de clase, redefinir una etiqueta HTML o definir un selector CSS. Editar hoja de estilos abre el cuadro de dilogo Editar hoja de estilos. Edite los estilos en el documento actual o en una hoja de estilos externa. Eliminar estilo CSS elimina el estilo seleccionado del panel Estilos CSS, as como el formato de cualquier elemento al que se haya aplicado dicho estilo.

Nota: Haga clic con el botn derecho en el panel Estilos CSS para abrir un men contextual de opciones de trabajo con comandos de la hoja de estilos CSS.

Creacin de un nuevo estilo CSS

Cree un estilo CSS para automatizar la aplicacin de formato a etiquetas HTML o a rangos de texto identificados mediante un atributo class. Para crear un estilo CSS nuevo: 1. Site el punto de insercin en el documento y lleve a cabo una de las siguientes operaciones para abrir el cuadro de dilogo Nuevo estilo CSS. o En el panel Estilos CSS, haga clic en el botn Nuevo estilo CSS (+) situado en la parte inferior derecha del panel. o Si es necesario, en el inspector de propiedades, haga clic en el botn Alternar modos CSS/HTML para cambiar al Modo CSS y, a continuacin, en el men emergente Estilo CSS, seleccione Nuevo estilo CSS. o Elija Texto > Estilos CSS > Nuevo estilo CSS. Aparecer el cuadro de dilogo Nuevo estilo CSS. 2. Defina el tipo de estilo CSS que desea crear: o Para crear un estilo personalizado que se pueda aplicar como atributo clase a un rango o un bloque de texto, seleccione Crear estilo person. (clase) y escriba el nombre del estilo en el campo Nombre. Nota: Los nombres de estilos personalizados (clase) deben comenzar por un punto y pueden contener cualquier combinacin alfanumrica. Por ejemplo, .miencabezado1. Si no introduce el punto inicial, Dreamweaver lo har de forma automtica. Para redefinir el formato predeterminado de una etiqueta HTML especfica, seleccione Redefinir etiqueta HTML. En el campo Etiqueta, introduzca una etiqueta HTML o elija una en el men emergente. o Para redefinir el formato predeterminado de una combinacin concreta de etiquetas que contengan un cdigo especfico de atributo Id, seleccione Usar selector CSS. En el campo Selector, introduzca una o ms etiquetas HTML o eljalas en el men emergente. Los selectores disponibles en el men emergente son a:activos (a:active), a:activable (a:hover), a:vnculo (a:link) y a:visitado (a:visited). 3. Seleccione la ubicacin donde se definir el estilo: o Para crear una hoja de estilos externa, elija Nuevo archivo de hoja de estilos. o Para incrustar el estilo en el documento actual, seleccione Slo este documento. 4. Haga clic en Aceptar.
o

Aparecer el cuadro de dilogo Definicin de estilos. 5. Elija las opciones de estilo que desea establecer para el estilo CSS nuevo. 6. Cuando termine de configurar los atributos de estilo, haga clic en Aceptar.

Definicin de propiedades de tipo CSS

Utilice la categora Tipo del cuadro de dilogo Definicin de estilos CSS para definir la configuracin bsica de la fuente y del tipo de un estilo CSS. Para definir la configuracin del tipo para un estilo CSS: 1. Abra el panel Estilos CSS (Mays + F11), si an no est abierto. 2. Abra el cuadro de dilogo Definicin de estilos CSS llevando a cabo una de estas operaciones: o Aadir un estilo nuevo. o Haga doble clic en un objeto existente para abrirlo y poder editarlo. 3. En el cuadro de dilogo que aparece a continuacin, seleccione Tipo y configure los atributos de estilo que desee. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Fuente establece la familia de fuentes (o serie de familias) del estilo. Los navegadores muestran el texto utilizando la primera fuente de la serie que est instalada en el sistema del usuario. Para obtener compatibilidad con Internet Explorer 3.0, indique en primer lugar una fuente de Windows. Ambos navegadores reconocen el atributo Fuente. Tamao define el tamao del texto. Puede elegir un tamao especfico seleccionando el nmero y la unidad de medida, o bien puede elegir un tamao relativo. El uso de pxeles como unidad evita que los navegadores distorsionen el texto. Ambos navegadores reconocen el atributo Tamao. Estilo especifica Normal, Cursiva u Oblicuo como estilo de la fuente. El valor predeterminado es Normal. Ambos navegadores reconocen el atributo Estilo. Alto de lnea establece el alto de la lnea en la que se coloca el texto. Esta configuracin suele denominarse leading. Seleccione Normal para hacer que el alto de lnea del tamao de la fuente se calcule de manera automtica, o bien introduzca un valor exacto y seleccione una unidad de medida. Ambos navegadores reconocen el atributo Alto de lnea. Decoracin aade subrayado, sobreimpresin o tachado al texto o hace que el texto parpadee. El valor predeterminado para texto normal es Ninguno. El valor predeterminado para vnculos es Subrayado. Si establece el vnculo como ninguno, puede eliminar el subrayado de los vnculos definiendo una clase especial. Ambos navegadores reconocen el atributo Decoracin. Grosor aplica una cantidad especfica o relativa de negrita a la fuente. Normal es equivalente a 400; Negrita, a 700. Ambos navegadores reconocen el atributo Grosor. Variante establece la variante de versales en el texto. Dreamweaver no muestra este atributo en la ventana de documento. El atributo Variante es compatible con Internet Explorer, pero no con Netscape Navigator. May/Min convierte en mayscula la primera letra de cada palabra de la seleccin o convierte todo en maysculas o minsculas. Ambos navegadores reconocen el atributo May/Min. Color establece el color del texto. Ambos navegadores reconocen el atributo Color.

Definicin de propiedades de fondo de estilos CSS

Utilice la categora Fondo del cuadro de dilogo Definicin de estilos CSS para definir la configuracin del fondo de un estilo CSS. Puede aplicar propiedades de fondo a cualquier elemento de una pgina Web. Por ejemplo, crear un estilo que aada color de fondo o una imagen de fondo a cualquier elemento de la pgina, detrs del texto, de una tabla, de la pgina, etc. Tambin puede especificar la posicin de una imagen de fondo.
Para definir la configuracin de Fondo:

1. Abra el panel Estilos CSS (Mays+F11), si an no est abierto. 2. Abra el cuadro de dilogo Definicin de estilos CSS llevando a cabo una de estas operaciones: o Aadir un estilo nuevo. o Haga doble clic en un objeto existente para abrirlo y poder editarlo. 3. En el cuadro de dilogo que aparece a continuacin, seleccione Fondo y configure los atributos de estilo que desee. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Color de fondo establece el color de fondo del elemento. Ambos navegadores reconocen el atributo Color de fondo. Imagen de fondo establece la imagen de fondo para el elemento. Ambos navegadores reconocen el atributo Imagen de fondo. Repetir determina si la imagen de fondo se repite y de qu forma lo hace. Ambos navegadores reconocen el atributo Repetir. No repetir muestra la imagen una vez al principio del elemento. Repetir forma un mosaico con la imagen en sentido horizontal y vertical detrs del elemento. Repetir x y Repetir y muestran, respectivamente, una banda horizontal y vertical de imgenes. Las imgenes se recortan para que quepan dentro de los lmites del elemento. Nota: Utilice esta propiedad para redefinir la etiqueta body y establecer una imagen de fondo que no forma un mosaico ni se repite. Anexo determina si la imagen de fondo est fija en su posicin original o se desplaza con el contenido. Observe que algunos navegadores pueden considerar la opcin Fijo como Desplazar. Internet Explorer reconoce este atributo, a diferencia de Netscape Navigator. Posicin horizontal y Posicin vertical especifican la posicin inicial de la imagen de fondo en relacin con el elemento. Pueden emplearse para alinear una imagen de fondo en el centro de la pgina, tanto vertical como horizontalmente. Si la propiedad del archivo adjunto es Fijo, la posicin ser relativa a la ventana de documento, no al elemento. Internet Explorer reconoce este atributo, a diferencia de Netscape Navigator.

Definicin de propiedades de bloque de estilos CSS

Utilice la categora Bloque del cuadro de dilogo Definicin de estilos CSS para definir el espaciado y el alineamiento de las etiquetas y los atributos.
Para definir la configuracin de Bloque:

1. Abra el panel Estilos CSS (Mays+F11), si an no est abierto. 2. Abra el cuadro de dilogo Definicin de estilos CSS llevando a cabo una de estas operaciones: o Aadir un estilo nuevo. o Haga doble clic en un objeto existente para abrirlo y poder editarlo. 3. En el cuadro de dilogo que aparece a continuacin, seleccione Bloque y configure los atributos de estilo que desee. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Espac. palabras establece el espacio adicional entre las palabras. Para establecer un valor concreto, elija valor en el men emergente e introduzca un valor numrico. En el men emergente situado a la derecha, elija una unidad de medida (por ejemplo, px, puntos, etc.). Nota: Puede especificar valores negativos, pero su visualizacin depender del navegador. Dreamweaver no muestra este atributo en la ventana de documento. Espaciado entre letras aumenta o disminuye el espacio entre letras o caracteres. Para disminuir el espacio entre caracteres, establezca un valor negativo, por ejemplo (-4). La configuracin del espacio entre letras anula la justificacin del texto. Internet Explorer 4 y posterior y Netscape Navigator 6 reconocen el atributo Espaciado entre letras. Alineamiento vertical especifica el alineamiento vertical del elemento al que se aplica. Dreamweaver slo muestra este atributo en la ventana de documento cuando se aplica a la etiqueta <img>. Alineamiento de texto establece cmo se alinear el texto dentro del elemento. Ambos navegadores reconocen el atributo Alineamiento de texto. Sangra de texto especifica la cantidad de sangra que se aplica a la primera lnea de texto. Se puede emplear un valor negativo para crear una sangra negativa, pero su visualizacin depender del navegador. Dreamweaver slo muestra este atributo en la ventana de documento cuando la etiqueta se aplica a elementos de nivel de bloque. Ambos navegadores reconocen el atributo Sangra de texto. Espacio en blanco determina qu cantidad de espacio en blanco se gestiona dentro del elemento. Dispone de tres opciones: Normal contrae el espacio en blanco; Pre lo gestiona como si el texto se encontrara entre etiquetas pre (es decir, se respeta todo el espacio en blanco, incluidos los espacios, tabulaciones y retornos); sin ajuste especifica que el texto slo se ajusta cuando se encuentra una etiqueta br. Dreamweaver no muestra este atributo en la ventana de documento. Netscape Navigator e Internet Explorer 5.5 reconocen el atributo Espacio en blanco. Mostrar especifica si un elemento se muestra y, si es as, cmo lo hace. Ninguno desactiva el elemento al que se ha asignado.

Definicin de propiedades de cuadro de estilos CSS

Utilice la categora Cuadro del cuadro de dilogo Definicin de estilos CSS para definir la configuracin de los atributos y etiquetas que controlan la ubicacin de los elementos en la pgina. Puede aplicar la configuracin en los distintos lados de un elemento al establecer el relleno y los mrgenes o utilizar marcar Igual para todo para aplicar la misma configuracin a todos los lados del elemento.
Para definir la ubicacin de los elementos en la pgina:

1. Abra el panel Estilos CSS (Mays + F11), si an no est abierto. 2. Abra el cuadro de dilogo Definicin de estilos CSS llevando a cabo una de estas operaciones: o Aadir un estilo nuevo. o Haga doble clic en un objeto existente para abrirlo y poder editarlo. 3. En el cuadro de dilogo que aparece a continuacin, seleccione Cuadro y configure los atributos de estilo que desee. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Ancho y Alto establecen el ancho y alto del elemento. Flotar determina qu lado de otros elementos, como texto, capas o tablas, flotar alrededor de un elemento. Otros elementos se ajustan alrededor del elemento flotante de la forma habitual. Ambos navegadores reconocen el atributo Flotar. Borrar define los lados que no permiten capas. Si aparece una capa en el lado libre, el elemento con esta configuracin pasar a situarse debajo de l. Ambos navegadores reconocen el atributo Borrar. Relleno especifica la cantidad de espacio entre el contenido de un elemento y su borde (o el margen si no hay ningn borde). Anule la seleccin de la opcin Igual para todo para establecer el relleno de los distintos lados del elemento. Igual para todo establece los mismos atributos de relleno en la parte superior (Sup.), inferior (Inf.), derecha (Dcha.) e izquierda (Izda.) del elemento al que se aplica. Margen especifica la cantidad de espacio entre el borde de un elemento (o el relleno si no hay borde) y otro elemento. Dreamweaver slo muestra este atributo en la ventana de documento cuando se aplica a elementos de nivel de bloque (prrafos, encabezados, listas, etc.). Anule la seleccin de la opcin Igual para todo para establecer el margen de los distintos lados del elemento. Igual para todo establece los mismos atributos de margen en la parte superior (Sup.), inferior (Inf.), derecha (Dcha.) e izquierda (Izda.) del elemento al que se aplica.

Definicin de propiedades de borde de estilos CSS

Utilice la categora Borde del cuadro de dilogo Definicin de estilos CSS para definir la configuracin de los bordes que rodean a los elementos (ancho, color o estilo).
Para establecer el estilo de borde de un elemento:

1. Abra el panel Estilos CSS (Mays+F11), si an no est abierto. 2. Abra el cuadro de dilogo Definicin de estilos CSS llevando a cabo una de estas operaciones: o Aadir un estilo nuevo. o Haga doble clic en un objeto existente para abrirlo y poder editarlo. 3. En el cuadro de dilogo que aparece a continuacin, seleccione Borde y configure los atributos de estilo que desee. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Estilo establece el aspecto del estilo del borde. El aspecto del estilo puede variar en funcin del navegador. Dreamweaver muestra todos los estilos como slidos en la ventana de documento. Ambos navegadores reconocen el atributo Estilo. Anule la seleccin de la opcin Igual para todo para establecer el estilo del borde de los distintos lados del elemento. Igual para todo establece los mismos atributos de estilo de borde en la parte superior (Sup.), inferior (Inf.), derecha (Dcha.) e izquierda (Izda.) del elemento al que se aplica. Ancho especifica el grosor del borde del elemento. Ambos navegadores reconocen el atributo Ancho. Anule la seleccin de la opcin Igual para todo para establecer el ancho del borde de los distintos lados del elemento. Igual para todo establece el mismo ancho de borde en la parte superior (Sup.), inferior (Inf.), derecha (Dcha.) e izquierda (Izda.) del elemento al que se aplica. Color establece el color del borde. Puede especificar colores distintos para cada lado, pero su visualizacin depender del navegador. Anule la seleccin de la opcin Igual para todo para establecer el color del borde de los distintos lados del elemento. Igual para todo establece el mismo color de borde en la parte superior, inferior, derecha e izquierda del elemento al que se aplica.

Definicin de propiedades de lista de estilos CSS

Utilice la categora Lista del cuadro de dilogo Definicin de estilos CSS para definir la configuracin de la lista para las etiquetas de lista, por ejemplo, tamao y tipo de vietas.
Para definir un estilo de lista:

1. Abra el panel Estilos CSS (Mays + F11), si an no est abierto. 2. Abra el cuadro de dilogo Definicin de estilos CSS llevando a cabo una de estas operaciones: o Aadir un estilo nuevo. o Haga doble clic en un objeto existente para abrirlo y poder editarlo. 3. En el cuadro de dilogo que aparece a continuacin, seleccione Lista y configure los atributos de estilo que desee. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Tipo establece la apariencia de vietas o nmeros. Ambos navegadores reconocen el atributo Tipo. Imagen de vieta permite especificar una imagen personalizada para vietas. Haga clic en Examinar para buscar una imagen o escriba la ruta de la imagen. Posicin determina si el elemento de texto de la lista se ajusta a una sangra (exterior) o si el texto se ajusta al margen izquierdo (interior).

Definicin de propiedades de posicin de estilos CSS

Los atributos de estilo de Posicin cambian la etiqueta o el bloque de texto seleccionado a una nueva capa utilizando la etiqueta predeterminada para definir capas, de acuerdo con la configuracin de preferencias de Capa. Para establecer la posicin de los atributos de capa: 1. Abra el panel Estilos CSS (Mays + F11), si an no est abierto. 2. Abra el cuadro de dilogo Definicin de estilos CSS llevando a cabo una de estas operaciones: o Aadir un estilo nuevo. o Haga doble clic en un objeto existente para abrirlo y poder editarlo. 3. En el cuadro de dilogo que aparece a continuacin, seleccione Posicin y configure los atributos de estilo que desee. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Tipo determina cmo deber colocar el navegador la capa. Ofrece las opciones siguientes: Absoluta coloca la capa utilizando las coordenadas introducidas en los cuadros Colocacin en relacin con la esquina superior izquierda de la pgina. Relativa coloca la capa utilizando las coordenadas introducidas en los cuadros Colocacin en relacin con la posicin del objeto en el flujo de texto del documento. Esta opcin no se muestra en la ventana de documento. Esttica coloca la capa en su ubicacin en el flujo de texto. Visibilidad determina el estado inicial de visualizacin de la capa. Si no especifica una propiedad de visibilidad, la mayora de los navegadores heredarn el valor del p adre de forma predeterminada. Seleccione una de las siguientes opciones de visibilidad: Heredada usa la propiedad de visibilidad de la capa padre. Si la capa no tiene padre, ser visible. Visible muestra el contenido de la capa, independientemente del valor de la capa padre. Oculto no muestra el contenido de la capa, independientemente del valor de la capa padre. ndice Z determina el orden de apilamiento de la capa. Las capas con los nmeros ms altos aparecern por encima de las capas con los nmeros ms bajos. Los valores pueden ser positivos o negativos. (Es ms fcil cambiar el orden de apilamiento de las capas utilizando el panel Capas). Desbordamiento (para capas CSS, solamente) determina lo que ocurre si el contenido de una capa excede de su tamao. Estas propiedades controlan cmo se gestiona esta ampliacin de la siguiente manera: Visible aumenta el tamao de la capa para que todo su contenido sea visible. La capa se expande hacia abajo y hacia la derecha. Oculto mantiene el tamao de la capa y recorta cualquier contenido que no quepa. No hay barras de desplazamiento. Desplazar aade barras de desplazamiento a la capa independientemente de que el contenido exceda o no del tamao de la capa. La inclusin especfica de barras de desplazamiento evita la

confusin que provoca la aparicin y desaparicin de las barras de desplazamiento en un entorno dinmico. Esta opcin no se muestra en la ventana de documento y slo funciona en aquellos navegadores que admiten barras de desplazamiento. Compatible con Internet Explorer y Netscape Navigator 6. Auto presenta las barras de desplazamiento solamente cuando el contenido de la capa excede de sus lmites. Esta opcin no se muestra en la ventana de documento. Colocacin especifica la ubicacin y el tamao de la capa. La forma que tiene el navegador de interpretar la ubicacin depender de la configuracin de Tipo. Si el contenido de la capa excede del tamao especificado, los valores de tamao se anularn. El pxel es la unidad predeterminada de ubicacin y tamao. Tambin puede especificar las unidades siguientes para capas CSS: pc (picas), pt (puntos), in (pulgadas), mm (milmetros), cm (centmetros), (ems), (exs) o % (porcentaje del valor padre). Las abreviaturas deben seguir al valor sin espacio de separacin: por ejemplo, 3mm. Recorte define la parte de la capa que ser visible. Si especifica una regin de recorte, podr acceder a ella con un lenguaje de scripts como JavaScript y manipular las propiedades para crear efectos especiales como barridos. Estos barridos se pueden configurar utilizando lneas de tiempo y el comportamiento Cambiar propiedad.

Definicin de propiedades de extensiones de estilos CSS

Los atributos de estilo de Extensiones incluyen filtros, saltos de pgina y opciones de cursor. Los navegadores no reconocen casi ninguno (Internet Explorer 4.0 y posterior, s lo hace). Para especificar los atributos de extensin: 1. Abra el panel Estilos CSS (Mays + F11), si an no est abierto. 2. Abra el cuadro de dilogo Definicin de estilos CSS llevando a cabo una de estas operaciones: o Aadir un estilo nuevo. o Haga doble clic en un objeto existente para abrirlo y poder editarlo. 3. En el cuadro de dilogo que aparece a continuacin, seleccione Extensiones y configure los atributos de estilo que desee. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Salto de pgina efecta un salto de pgina al imprimir antes o despus del objeto controlado por el estilo. Seleccione la opcin que desea establecer en el men emergente. Esta opcin es incompatible con todos los navegadores 4.0, pero es posible que la reconozcan las versiones futuras de estos programas. Cursor cambia la imagen del puntero cuando ste se encuentra sobre el objeto controlado por el estilo. Seleccione la opcin que desea establecer en el men emergente. Internet Explorer 4.0 y versiones posteriores y Netscape Navigator 6 reconocen este atributo. Filtro aplica efectos especiales al objeto controlado por el estilo, incluidas las opciones borroso e inversin. Elija un efecto en el men emergente.