-webkit-border-before
No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.
Resumen
La propiedad CSS -webkit-border-before
es una propiedad que permite configurar los valores de la propiedad borde para el bloque lógico de inicio en un sólo sitio de la hoja de estilos. -webkit-border-before
se puede usar para establecer los valores para más de uno de: -webkit-border-before-width
, -webkit-border-before-style
, y -webkit-border-before-color
. Se mapea a un borde físico dependiendo del modo de escritura del elemento, la direccionalidad y la orientación del texto. Se corresonde con la propiedad border-top
, border-right
, border-bottom
, o border-left
dependiendo de los valores definidos en writing-mode
, direction
, y text-orientation
.
Se relaciona con -webkit-border-after
, -webkit-border-start
, y -webkit-border-end
, que definen los otros bordes del elemento.
Esta propiedad se prevee que será incluida en el estándar como border-block-start
.
Valor inicial | as each of the properties of the shorthand:
|
---|---|
Applies to | all elements |
Heredable | yes |
Percentages | as each of the properties of the shorthand:
|
Valor calculado | as each of the properties of the shorthand:
|
Animation type | discrete |
Síntaxis
/* Valores para el borde */
-webkit-border-before: 1px;
-webkit-border-before: 2px dotted;
-webkit-border-before: medium dashed blue;
/* Valores globales */
-webkit-border-before: inherit;
-webkit-border-before: initial;
-webkit-border-before: unset;
Valores
Uno o más de los siguiente valores, dando igual el orden en el que se especifiquen:
Formal syntax
Error: could not find syntax for this item
Ejemplo
Contenido HTML
<div>
<p class="exampleText">Texto de ejemplo</p>
</div>
Contenido CSS
div {
background-color: yellow;
width: 120px;
height: 120px;
}
.exampleText {
writing-mode: vertical-rl;
-webkit-border-before: 5px dashed blue;
}
Especificaciones
No es parte de ninguna especificación aunque está relacionada con la propiedad border-block-start
.
Compatibilidad con navegadores
BCD tables only load in the browser
Ver además
border-block-start
- Las propiedad físicas mapeadas:
border-top
,border-right
,border-bottom
, yborder-left
writing-mode
,direction
,text-orientation