CSS στυλ επάνω ορίου

Definition and usage

The border-top-style sets the style of the top border of the element.

The border may only appear if this value is not none.

In CSS1, the HTML user agent only needs to support solid and none.

See also:

CSS Tutorial:Κύρια περιθώρια CSS

CSS Reference Manual:border-top attribute

HTML DOM Reference Manual:borderTopStyle property

Example

Setting the style of the top border:

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

Try it yourself

CSS syntax

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

Attribute value

Value Description
none Defines no border.
hidden Is the same as "none". However, it does not apply to tables, for tables, "hidden" is used to resolve border conflicts.
dotted Defines a dotted border. They are usually rendered as solid lines in most browsers.
dashed Defines dashed lines. They are usually rendered as solid lines in most browsers.
solid Defines solid lines.
double Defines double lines. The width of the double lines is equal to the value of border-width.
groove Defines a 3D groove border. The effect depends on the value of border-color.
ridge Defines a 3D embossed border. The effect depends on the value of border-color.
inset Defines a 3D inset border. The effect depends on the value of border-color.
outset Defines a 3D outset border. The effect depends on the value of border-color.
inherit Specifies that the border style should be inherited from the parent element.

Technical details

Default value: not specified
Inheritance: no
Version: CSS1
JavaScript syntax: object.style.borderTopStyle="dotted"

More examples

Setting the style of the top border
This example demonstrates how to set the style of the top border.

Browser support

The numbers in the table indicate the first browser version that fully supports this attribute.

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