Sunteți pe pagina 1din 6

Panel Tipo de definicin de estilo Utilice el panel Tipo del cuadro de dilogo Definicin de estilo CSS para definir

la configuracin bsica del tipo de un estilo CSS. Consulte tambin "Aplicar formato al texto con hojas de estilos CSS" y "Editar una hoja de estilos CSS externa". Para abrir el cuadro de dilogo Definicin de estilo, elija Ventana > Estilos CSS y haga clic en el icono Abrir hoja de estilos. En el cuadro de dilogo que aparece, elija un estilo CSS y haga clic en Editar. En la parte izquierda del cuadro de dilogo, haga clic en Tipo. 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 exploradores 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. 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. Estilo Especifica Normal, Cursiva u Oblicuo como estilo de la fuente. El valor predeterminado es Normal. Alto de lnea Establece la altura de la lnea en la que se coloca el texto. Seleccione Normal para hacer que la altura de lnea del tamao de la fuente se calcule de manera automticamente, o bien introduzca un valor exacto y seleccione una unidad de medida. Este atributo no es reconocido por los exploradores actuales y ocasiona problemas en Internet Explorer 3.0. Decoracin Agrega 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. Grosor Aplica una cantidad especfica o relativa de negrita a la fuente. Normal es equivalente a 400, Negrita, a 700. Variante Permite seleccionar una variante de la fuente, como versales. Dreamweaver no muestra este atributo en la ventana de documento. May/Min Convierte en mayscula la primera letra de cada palabra de la seleccin o convierte todo en maysculas o minsculas. Dreamweaver no muestra este atributo en la ventana de documento. Color Define el color del texto. Panel Fondo de Definicin de estilo Utilice el panel Fondo del cuadro de dilogo Definicin de estilo CSS para definir la configuracin del fondo de un estilo CSS. Consulte tambin "Aplicar formato al texto con hojas de estilos CSS" y "Editar una hoja de estilos CSS externa". Para abrir el cuadro de dilogo Definicin de estilo, elija Ventana > Estilos CSS y haga clic en el icono Abrir hoja de estilos. En el cuadro de dilogo que aparece, elija un estilo CSS y haga

clic en Editar. En la parte izquierda del cuadro de dilogo, haga clic en Fondo. 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. Imagen de fondo Establece la imagen de fondo del elemento. Repetir Determina si la imagen de fondo se repite y de qu forma lo hace. Ofrece las opciones siguientes: 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. Unin Determina si la imagen de fondo est fija en su posicin original o se desplaza con el contenido. Observe que algunos exploradores pueden considerar la opcin Fijo como Desplazar. Dreamweaver no muestra este atributo en la ventana de documento. Posicin horizontal y Posicin vertical Especifica la posicin inicial de la imagen de fondo en relacin con el elemento. Si la propiedad de unin es Fijo, la posicin ser relativa a la ventana de documento, no al elemento. Dreamweaver no muestra este atributo en la ventana de documento. Panel Bloque de Definicin de estilo Para abrir el cuadro de dilogo Definicin de estilo CSS, elija Ventana > Estilos CSS y haga clic en el icono Abrir hoja de estilos. En el cuadro de dilogo que aparece, elija un estilo y haga clic en Editar. En la parte izquierda del cuadro de dilogo, haga clic en Bloque. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Espac. palabras Agrega espacio adicional entre las palabras. El espaciado entre palabras puede verse afectado por la justificacin del texto. Puede especificar valores negativos, pero su visualizacin depender del explorador. Dreamweaver no muestra este atributo en la ventana de documento. Espac. letras Agrega espacio adicional entre caracteres. Puede especificar valores negativos, pero su visualizacin depender del explorador. Este espaciado entre letras prevalece sobre el espacio adicional entre letras que origina la justificacin. Dreamweaver no muestra este atributo en la ventana de documento. Alineacin vertical Especifica la alineacin vertical del elemento, a menudo en relacin con su padre. Dreamweaver slo muestra este atributo en la ventana de documento cuando se aplica a la etiqueta IMG. Alineacin de texto Determina cmo se alinear el texto dentro del elemento. Sangra de texto Especifica la cantidad de sangra que se aplica a la primera lnea. Se puede emplear un valor negativo para crear una sangra negativa, pero su visualizacin depender del

explorador. Dreamweaver slo muestra este atributo en la ventana de documento cuando la etiqueta se aplica a elementos de nivel de bloque. 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); No aj. especifica que el texto slo se ajusta cuando se encuentra una etiqueta BR. Dreamweaver no muestra este atributo en la ventana de documento. Panel Cuadro de Definicin de estilo Utilice el panel Cuadro del cuadro de dilogo Definicin de estilo CSS para definir la configuracin de los estilos que controlan la ubicacin de los elementos en la pgina. Consulte "Aplicar formato al texto con hojas de estilos CSS" y "Editar una hoja de estilos CSS externa". Para abrir el cuadro de dilogo Definicin de estilo, elija Ventana > Estilos CSS y haga clic en el icono Abrir hoja de estilos. En el cuadro de dilogo que aparece, elija un estilo y haga clic en Editar. En la parte izquierda del cuadro de dilogo, haga clic en Cuadro. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Ancho y Alto Determinan el tamao del elemento. Dreamweaver slo muestra este atributo en la ventana de documento cuando se aplica a imgenes o capas. Flotante Saca el elemento del flujo de la pgina y lo coloca en el margen izquierdo o derecho de la pgina. Otros elementos se ajustan alrededor del elemento flotante de la forma habitual. Dreamweaver slo muestra este atributo en la ventana de documento cuando se aplica a la etiqueta IMG. 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. Dreamweaver slo muestra este atributo en la ventana de documento cuando se aplica a la etiqueta IMG. Relleno Define la cantidad de espacio entre el contenido del elemento y su borde (o su margen si no hay ningn borde). Dreamweaver no muestra este atributo en la ventana de documento. Margen Define la cantidad de espacio entre el borde del elemento (o el relleno si no hay borde) y cualquier 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.).

Panel Borde de Definicin de estilo Utilice el panel Borde del cuadro de dilogo Definicin de estilo CSS para definir la configuracin de los estilos que controlan los bordes alrededor de los elementos. Consulte tambin "Aplicar formato al texto con hojas de estilos CSS" y "Editar una hoja de estilos CSS externa". Para abrir el cuadro de dilogo Definicin de estilo, elija Ventana > Estilos CSS y haga clic en el icono Abrir hoja de estilos. En el cuadro de dilogo que aparece, elija un estilo y haga clic en

Editar. En la parte izquierda del cuadro de dilogo, haga clic en Borde. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Ancho Especifica el grosor del borde del elemento. Dreamweaver no muestra este atributo en la ventana de documento. Color Establece el color del borde. Puede especificar colores distintos para cada lado, pero su visualizacin depender del explorador. Dreamweaver no muestra este atributo en la ventana de documento. Estilo Determina el estilo del borde, pero su visualizacin depender del explorador. Dreamweaver no muestra este atributo en la ventana de documento. Panel Lista de Definicin de estilo Utilice el panel Lista del cuadro de dilogo Definicin de estilo CSS para definir la configuracin de listas en estilos. Consulte tambin "Aplicar formato al texto con hojas de estilos CSS" y "Editar una hoja de estilos CSS externa". Para abrir el cuadro de dilogo Definicin de estilo, elija Ventana > Estilos CSS y haga clic en el icono Abrir hoja de estilos. En el cuadro de dilogo que aparece, elija un estilo y haga clic en Editar. En la parte izquierda del cuadro de dilogo, haga clic en Lista. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Tipo Determina la apariencia de vietas o nmeros. Dreamweaver no muestra este atributo en la ventana de documento. Imagen de vieta Permite especificar una imagen personalizada para vietas. Haga clic en Examinar (Windows) o Seleccionar (Macintosh) para buscar una imagen o escriba la ruta de la imagen. Dreamweaver no muestra este atributo en la ventana de documento. Posicin Determina si el elemento de la lista se ajusta a una sangra (exterior) o al margen (interior). Dreamweaver no muestra este atributo en la ventana de documento. Panel Posicin de Definicin de estilo 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 (consulte "Configurar preferencias de capa"). A menos que haya cambiado esta configuracin, Dreamweaver utilizar la etiqueta DIV. Consulte tambin "Aplicar formato al texto con hojas de estilos CSS" y "Editar una hoja de estilos CSS externa". Para abrir el cuadro de dilogo Definicin de estilo, elija Ventana > Estilos CSS y haga clic en el icono Abrir hoja de estilos. En el cuadro de dilogo que aparece, elija un estilo y haga clic en Editar. En la parte izquierda del cuadro de dilogo, haga clic en Posicin. Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo: Tipo Determina cmo deber colocar el explorador 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 exploradores heredarn el valor del padre de forma predeterminada. Heredada usa la propiedad de visibilidad de la capa padre. Visible muestra el contenido de la capa, independientemente del valor de la capa padre. Oculto oculta 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. Resulta ms sencillo cambiar el orden de apilamiento de las capas utilizando la paleta de capas (consulte "Cambiar el orden de apilamiento de las capas".) Desbordamiento (slo capas CSS) Determina lo que ocurre si el contenido de una capa excede de su tamao. Ofrece las opciones siguientes: 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 agrega 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 exploradores que admiten barras de desplazamiento. Automtico 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 explorador 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) o % (porcentaje del valor padre). Las abreviaturas deben seguir al valor sin espacio de separacin. Por ejemplo, 3mm. Rec Define la parte de la capa que ser visible. Si especifica una regin de recorte, podr acceder a ella con un lenguaje de secuencia de comandos como JavaScript y manipular las propiedades para crear efectos especiales como barridos.

Panel Extensiones de Definicin de estilo Los atributos de estilo de Extensiones controlan funciones que la mayora de los exploradores actuales no reconocen. Consulte tambin "Aplicar formato al texto con hojas de estilos CSS" y "Editar una hoja de estilos CSS externa". Para abrir el cuadro de dilogo Definicin de estilo, elija Ventana > Estilos CSS y haga clic en el icono Abrir hoja de estilos. En el cuadro de dilogo que aparece, elija un estilo y haga clic en Editar. En la parte izquierda del cuadro de dilogo, haga clic en Extensiones. 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. Esta opcin es incompatible con todos los exploradores 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. Slo Internet Explorer 4.0 reconoce 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. Slo Internet Explorer 4.0 reconoce este atributo.

S-ar putea să vă placă și