Característica border-left-style en CSS

por
Características border-left-style en CSS

La propiedad border-left-style CSS establece la forma de la fuente del marco izquierdo del elemento.

Funciones border-left-style css

Valor inicialnone
Aplicado aTodos los artículos.
HeredableNo
MóvilNo
Valor calculadoComo se especificó.
/* palabras reservadas */ 
border-left-style: none;
border-left-style: hidden;
border-left-style: dotted;
border-left-style: dashed;
border-left-style: solid;
border-left-style: double;
border-left-style: groove;
border-left-style: ridge;
border-left-style: inset;
border-left-style: outset;
/* valores globales */ 
border-left-style: inherit;
border-left-style: initial;
border-left-style: unset;

Nota: La especificación no define cómo los neumáticos de diferentes formas se unirán en las esquinas.

Ejemplos y aplicaciones en código

Este es un ejemplo de una tabla que 

muestra las diferentes formas de marcos a través de border-left-style. 

Código HTML:


  

    none
    hidden
    dotted
    dashed
  

  

    solid
    double
    groove
    ridge
  

  

    inset
    outset
  


Código CSS:
tr, td {
  padding: 5px;
}
.b1  {border-left-style: none;   }
.b2  {border-left-style: hidden; }
.b3  {border-left-style: dotted; }
.b4  {border-left-style: dashed; }
.b5  {border-left-style: solid;  }
.b6  {border-left-style: double; }
.b7  {border-left-style: groove; }
.b8  {border-left-style: ridge;  }
.b9  {border-left-style: inset;  }
.b10 {border-left-style: outset; }
Soporte de navegadores
CaracterísticaChromeFirefoxIEÓperaSafari
Soporte básico1.01.05.59.21.0
Características  generales
La propiedad acepta border-left-style una palabra reservada de las palabras reservadas disponibles para la propiedad border-style.
Estructura border-left-style css 
border-left-style: ;
dónde:
 = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
Vea también
  • La página de propiedades establecida por la propiedad de acceso directo border-left: border-left-width y border-left-color.
  • La página de propiedades establecido por la propiedad de acceso directo border: border-width, border-style, y border-color.
  • Configure una imagen para el marco usando la función border-image.