DOM de estilo HTML propiedades de fondo
Objetos de estilo Definición y Uso
fondo propiedad abreviada para establecer o devolver hasta cinco propiedades de fondo por separado.
Con esta propiedad, se puede establecer / retorno:
- background-color
- Imagen de fondo
- background-repeat
- background-attachment
- background-position
Estas propiedades se pueden proporcionar atributos de estilo separadas. Aconseja vivamente el empleo de un atributo independiente una mejor capacidad de control tales.
gramática
Establecer las propiedades de fondo:
Object.style.background="color image
repeat attachment position"
Volver propiedades de fondo:
Object.style.background
Consejo: El valor predeterminado de la propiedad es el fondo: transparente ninguno de repetición de desplazamiento 0% 0 %.
| 参数 | 描述 |
|---|---|
| color | 设置一个元素的背景颜色 |
| image | 设置一个元素的背景图像 |
| repeat | 设置如何重复背景图像 |
| attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 |
| position | 设置背景图像的起始位置 |
Soporte para el navegador
Todos los principales navegadores soportan atributos fondo.
Ejemplos
Ejemplos
Establecer el estilo de fondo del documento:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
document.body.style.background = "# f3f3f3 url ( 'img_tree.png') no-repeat arriba a la derecha";
}
</ Script>
</ Head>
<Cuerpo>
<H1> Hello World! </ H1>
<br>
<Botón type = "button" onclick = "displayResult ()"> configurar el fondo </ botón>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
document.body.style.background = "# f3f3f3 url ( 'img_tree.png') no-repeat arriba a la derecha";
}
</ Script>
</ Head>
<Cuerpo>
<H1> Hello World! </ H1>
<br>
<Botón type = "button" onclick = "displayResult ()"> configurar el fondo </ botón>
</ Body>
</ Html>
Trate »
Objetos de estilo