Opciones del panel de fondo en el panel propiedad css de dreamweaver

Video: Trucos CSS (21) - Propiedad background (shorthand)

Uso del panel de fondo en Dreamweaver&rsquo-s CSS panel de diseñador, puede especificar un color o imagen de fondo para un estilo - y controlar cómo se muestra el fondo de la página. Puede utilizar la configuración de estilo de fondo para cualquier elemento de su página web que puede mostrar un fondo - incluyendo el , , rumbo y etiquetas de imagen.

Por ejemplo, se puede alterar la etiqueta para incluir la configuración del fondo que se aplican a toda la página, o se puede crear un estilo con el selector de clase o ID y especificar un fondo que aparece sólo por detrás de una etiqueta individual.

Al incluir el fondo en el estilo de clase o identificador de una etiqueta, se puede limitar el fondo a aparecer en la pantalla sólo cuando se utiliza la etiqueta. Tenga en cuenta que la opción Fondo trabaja con una imagen sólo si se establece primero un margen alrededor de la imagen.

Puede elegir entre estas opciones de fondo:

• Color de fondo: Especificar el color de fondo de un estilo definido usando uno de varios métodos. Puede hacer clic en el cuadro de color y seleccione un color predefinido o crear un color personalizado. O utilizar el cuentagotas para muestrear cualquier color en la pantalla. Por último, se puede introducir un código de color hexadecimal - asegúrese de incluir el #, como en # 000000 para el color negro o #ffffff para el color blanco.

• Imagen de fondo: Seleccione una imagen para servir como fondo en su definición de estilo. Introduzca cualquier dirección URL de una imagen en el ordenador o en Internet, o haga clic en el icono de carpeta para localizar el disco duro y seleccione una imagen.

• Background-position: Especificar la posición de la imagen de fondo de la izquierda y la parte superior del elemento padre mediante la introducción de un número en cada campo. Esta opción sólo está visible si hace clic en la flecha junto al campo URL en la sección de antecedentes para revelar los campos adicionales que siguen.

• Tamaño: Seleccione la medida en píxeles, EMS, u otra opción, a continuación, introduzca el tamaño deseado para el fondo. Dejando el campo Tamaño establecido en auto (por defecto) muestra la imagen en su tamaño real.

• Antecedentes-clip: Especifique si el fondo empieza la frontera, el relleno o el contenido de un elemento de caja, tal como una etiqueta.

  Video: Transiciones CSS con DreamWeaver CS6

• Background-repeat: Haga clic en el icono correspondiente para especificar cómo y si se repite la imagen de fondo, o azulejos, al otro lado y abajo de la página. Las imágenes de fondo de azulejos de forma predeterminada, por lo que debe elegir una opción si usted don&rsquo-t quiere que su fondo para repetir o si desea especificar cómo se repite.

  También tenga en cuenta que si la imagen es más grande que el elemento al que se aplica, sólo tanto de la imagen como quepan en el área de visualización del elemento será visible. Por ejemplo, si utiliza una imagen de 600 píxeles de ancho como el fondo de una etiqueta que se establece en 300 píxeles de ancho, sólo la mitad de la imagen será visible.

  Las opciones de repetición, en orden de aparición de sus iconos, siguen:

• Heredar: A menos que se seleccione otra opción, cada elemento hereda el comportamiento de su elemento padre. Esta opción por defecto no necesita ser especificado.

• Repetir:La imagen de fondo se repite verticalmente y horizontalmente en el fondo del elemento.

• Repetir-X: El fondo se repite horizontalmente, pero no verticalmente, en el fondo del elemento.

• Repetir-Y:El fondo se repite verticalmente, pero no horizontalmente, en el fondo del elemento.

• No-repeat:El fondo se muestra una vez en la parte superior izquierda del elemento.

• Origen: Especificar si el origen del fondo comienza en la frontera, el relleno o el contenido de un elemento de caja, tal como una etiqueta.