Atributo border-top-style CSS

Definición y uso

El border-top-style establece el estilo del borde superior del elemento.

El borde solo puede aparecer cuando este valor no es none.

En CSS1, el agente de usuario HTML solo debe admitir solid y none.

Véase también:

Tutoriales de CSS:Borde de CSS

Manual de referencia de CSS:Atributo border-top

Manual de referencia de HTML DOM:Propiedad BoltonStyle

Ejemplo

Establecer el estilo del borde superior:

p
  {
  border-style:solid;
  border-top-style:dotted;
  }

Prueba tu mismo

Sintaxis de CSS

border-top-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valor del atributo

Valor Descripción
none Define un borde sin bordes.
hidden Es igual a "none". Sin embargo, no se aplica a las tablas; para las tablas, se utiliza "hidden" para resolver conflictos de bordes.
dotted Define un borde punteado. En la mayoría de los navegadores se presenta como una línea sólida.
dashed Define una línea punteada. En la mayoría de los navegadores se presenta como una línea sólida.
solid Define una línea sólida.
double Define una línea doble. El ancho de la línea doble es igual al valor de border-width.
groove Define un borde en surco 3D. Su efecto depende del valor de border-color.
ridge Define un borde ondulado 3D. Su efecto depende del valor de border-color.
inset Define un borde hundido 3D. Su efecto depende del valor de border-color.
outset Define un borde saliente 3D. Su efecto depende del valor de border-color.
inherit Se especifica que el estilo del borde debe ser heredado del elemento padre.

Detalles técnicos

Valor predeterminado: no especificado
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.borderTopStyle="dotted"

Más ejemplos

Establecer el estilo del borde superior
Este ejemplo muestra cómo establecer el estilo del borde superior.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2