border-left-style

Artículo
10/11/2017

Establece el estilo del borde izquierdo del objeto.

Sintaxis

{ border-left-style: sStyle }

Valores posibles

sStyle

Cadena que especifica uno de los valores siguientes:

none	Valor predeterminado. No se dibuja el borde, independientemente del valor de border-width .
dashed	El borde es una línea discontinua.
dotted	El borde es una línea de puntos.
double	El borde es una línea doble que se dibuja encima del fondo del objeto. La suma del ancho de las dos líneas sencillas y el espacio entre ellas es igual al valor de border-width . Para dibujar un borde doble, el ancho de borde debe ser de 3 píxeles como mínimo.
groove	El surco 3D se dibuja en colores basados en el valor.
inset	El bajorrelieve 3D se dibuja en colores basados en el valor.
outset	El altorrelieve 3D se dibuja en colores basados en el valor.
ridge	La cresta 3D se dibuja en colores basados en el valor.
solid	El borde es una línea sólida.

Esta propiedad tiene el valor predeterminado none . No se hereda.

Observaciones

Se debe establecer un valor de border-width superior a cero para que se represente la propiedad border-left-style .

Ejemplos

En el siguiente ejemplo se usa la propiedad border-left-style para especificar el estilo del borde. Se utiliza una llamada a una hoja de estilo incrustada para cambiar el estilo del borde izquierdo a groove :

<head><style>
    td {border-left-style: solid; border-width:0.3cm}
    .change {border-left-style: groove}
</style>
</head>
<body>
<table border >
<tr>
  <td onmouseover="this.className='change'" onmouseout="this.className=''">
    <img src="sphere.jpg">
  </td>
</tr>
</table>

Información sobre estándares

Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 2 (CSS2) (Hojas de estilos en cascada (CSS), nivel 2 (CSS2)) Ee371182.xtlink_newWindow(es-es,Expression.40).png .

Aplicable a

a, abbr, acronym, b, bdo, big, blockquote, body, button, caption, center, cite, code, custom, dd, defaults, del, dfn, div, dl, dt, em, embed, fieldset, font, form, frame, hn, hr, i, iframe, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, ins, li, object, ol, p, q, s, span, sub, table, td, th, tt, u, ul, var, xmp

Vea también

Conceptos

border
border-left
border-style
border-width

Compartir a través de