How to use css border property

css border definition and usage

css border-style property is used to set the style of all borders of an element, or set it individually for each side Border style. The border may appear only if this value is not none.

Example 1

border-style:dotted solid double dashed;

The upper border is dotted

The right border is a solid line

The lower border is a double line

The left border It is a dotted line

Example 2

border-style:dotted solid double;

The upper border is dotted

The right border and left border are solid lines

The lower border is a double line

Example 3

border-style:dotted solid;

The upper and lower borders are dotted

The right and left borders are solid lines

Example 4

border-style:dotted;

All 4 borders are dotted

Instance, Set the style of the four borders

p
  {
  border-style:solid;
  }

Browser support

All browsers support the border-style attribute.

Note: The attribute values ​​"inherit" or "hidden" are not supported in any version of Internet Explorer (including IE8).

Possible values

##Description

The above is the detailed content of How to use css border property. For more information, please follow other related articles on the PHP Chinese website!