HTML DOM propiedad Estilo borderWidth
Objetos de estilo Definición y Uso
BorderWidth conjuntos de propiedades o devuelve el ancho del borde del elemento.
Esta propiedad se puede utilizar 1-4 clases Ancho:
- Si se especifica un ancho de, por ejemplo: p {border-width: grueso} - son los cuatro bordes línea gruesa.
- Si especifica dos anchos, por ejemplo: p {border-width: grueso delgado} - bordes superior e inferior son de trazo grueso y el borde izquierdo y el borde derecho es delgada.
- Las disposiciones de los tres anchos, por ejemplo: p {border-width: medianas delgada de espesor} - es una línea gruesa en la frontera, borde izquierdo y borde derecho es delgada, la frontera está en línea moderada.
- Las disposiciones de los cuatro anchos, por ejemplo: p {border-width: grueso 10px medio delgada} - está en la frontera de grueso y delgado es el borde derecho, el borde inferior de la línea media, el ancho del borde izquierdo de 10px.
gramática
Configuración de las propiedades BorderWidth:
Object.style.borderWidth="thin|medium|thick|length|inherit"
Volver propiedades BorderWidth:
Object.style.borderWidth
| 值 | 描述 |
|---|---|
| thin | 定义细的边框。 |
| medium | 默认。定义中等的边框。 |
| thick | 定义粗的边框。 |
| length | 允许您自定义边框的宽度。 |
| inherit | 边框的宽度是从父元素继承。 |
Soporte para el navegador
Todos los principales navegadores soportan la propiedad borderWidth.
Nota: Internet Explorer 7 y versiones anteriores no son compatibles con el valor "heredar".IE8 sólo proporciona! DOCTYPE apoyado "hereda". apoyo IE9 "hereda".
Ejemplos
Ejemplos
Cambiar el ancho de los cuatro bordes:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Style type = "text / css">
# {Ex1
frontera: 1px solid # FF0000;
}
</ Style>
<Script>
displayResult función () {
. Document.getElementById ( "EX1") style.borderWidth = "de espesor delgado";
}
</ Script>
</ Head>
<Cuerpo>
<Div id = "EX1"> Esto es un texto </ div>
<br>
<Botón type = "button" onclick = "displayResult ()"> Modificar el ancho de las cuatro fronteras </ botón>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Style type = "text / css">
# {Ex1
frontera: 1px solid # FF0000;
}
</ Style>
<Script>
displayResult función () {
. Document.getElementById ( "EX1") style.borderWidth = "de espesor delgado";
}
</ Script>
</ Head>
<Cuerpo>
<Div id = "EX1"> Esto es un texto </ div>
<br>
<Botón type = "button" onclick = "displayResult ()"> Modificar el ancho de las cuatro fronteras </ botón>
</ Body>
</ Html>
Trate »
Objetos de estilo