Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
border-block-end-style
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since enero de 2020.
Experimental:Esta es unatecnología experimental
Comprueba laTabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.
La propiedadCSSborder-block-end-style define el estilo del borde del final lógico del bloque de un elemento, que se mapea a un estilo de borde físico, dependiendo el modo de escritura, direccionalidad y orientación de texto del elemento. Corresponde a las propiedadesborder-top-style,border-right-style,border-bottom-style, oborder-left-style, dependiendo de los valores definidos parawriting-mode,direction, ytext-orientation.
border-block-end-style: dashed;border-block-end-style: dotted;border-block-end-style: groove;Está relacionada aborder-block-start-style,border-inline-start-style, yborder-inline-end-style, que definen las otras propiedades de estilos de borde del elemento.
| Valor inicial | none |
|---|---|
| Applies to | all elements |
| Heredable | no |
| Valor calculado | como se especifica |
| Animation type | discrete |
Sintaxis
Valores
Sintaxis formal
border-block-end-style =
<line-style>
<line-style> =
none|
hidden|
dotted|
dashed|
solid|
double|
groove|
ridge|
inset|
outset
Ejemplo
Contenido HTML
<div> <p>Texto de ejemplo</p></div>Contenido CSS
div { background-color: yellow; width: 120px; height: 120px;}.exampleText { writing-mode: vertical-lr; border: 5px solid blue; border-block-end-style: dashed;}Especificaciones
| Specification |
|---|
| CSS Logical Properties and Values Module Level 1 # border-style |
Compatibilidad con navegadores
Véase también
- Las propiedades físicas mapeadas:
border-top-style,border-right-style,border-bottom-style, yborder-left-style writing-mode,direction,text-orientation