Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
-webkit-border-before
No estándar: Esta función no está estandarizada. No recomendamos usar funciones no estándar en producción, ya que tienen un soporte limitado en los navegadores y pueden cambiar o eliminarse. Sin embargo, pueden ser una alternativa adecuada en casos específicos donde no exista una opción estándar.
Resumen
La propiedadCSS-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 propiedadborder-top,border-right,border-bottom, oborder-left dependiendo de los valores definidos enwriting-mode,direction, ytext-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 comoborder-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 itemEjemplo
Contenido HTML
<div> <p>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 propiedadborder-block-start.
Compatibilidad con navegadores
Ver además
border-block-start- Las propiedad físicas mapeadas:
border-top,border-right,border-bottom, yborder-left writing-mode,direction,text-orientation