propiedad CSS border-style
Ejemplos
Establecer cuatro estilo de borde:
p
{
border-style:solid;
}
{
border-style:solid;
}
Trate »
Parte inferior de la página para ver más ejemplos.
Definiciones de atributos e instrucciones
la propiedad border-style establece cuatro bordes de un elemento de estilo. Esta propiedad puede tener de uno a cuatro valores.
Ejemplo:
Border-style: punteado doble sólida discontinua ;
- Las fronteras están salpicadas
- borde derecho es una línea sólida
- Un borde doble fondo
- borde izquierdo es una línea de puntos
frontera de estilo: dobles de trazo discontinuo sólido;
- Las fronteras están salpicadas
- borde derecho y el borde izquierdo es una línea sólida
- Un borde doble fondo
frontera de estilo: punteado sólido;
- bordes superior e inferior están salpicadas
- borde derecho y el borde izquierdo es una línea sólida
frontera de estilo: punteado;
- Todos los cuatro bordes están salpicadas
Por defecto: | no especificada |
---|---|
herencia: | no |
Version: | CSS1 |
la sintaxis de JavaScript: | objetar object.style.borderStyle = "doble de puntos" |
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
属性 | |||||
---|---|---|---|---|---|
border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
propiedad Valor
valor | descripción |
---|---|
ninguno | Sin fronteras definidas. |
oculto | Y "ninguno" de la misma. Sin embargo, cuando se aplica a la mesa a excepción de la mesa, escondidos para resolver el conflicto fronterizo. |
punteado | frontera del punto definido. Representa como una línea continua en la mayoría de los navegadores. |
discontinua | La definición de una línea de puntos. Representa como una línea continua en la mayoría de los navegadores. |
sólido | La definición de una línea continua. |
doble | La definición de alambre. anchura doble igual al valor de frontera de anchura. |
surco | receso 3D frontera definida. El efecto depende del valor de border-color. |
cresta | 3D corrugado frontera definida. El efecto depende del valor de border-color. |
recuadro | Definir frontera inserción 3D. El efecto depende del valor de border-color. |
principio | Definir frontera principio 3D. El efecto depende del valor de border-color. |
heredar | Disposiciones deben heredar el estilo del borde del elemento padre. |
ejemplos en línea
Establecer diferentes en cada lado de las fronteras
Este ejemplo muestra cómo establecer diferentes fronteras en cada lado del elemento.
Artículos relacionados
CSS tutorial: CSS Frontera