CSS Border-style Property

The border-style is the short-hand way, of setting the style of all the borders.

Possible Values

  • none [no border]
  • hidden [same as none?]
  • dotted [dotted border]
  • dashed [dashed border]
  • solid [solid border]
  • double [Two borders, width of each is same as border-width value]
  • groove [3D-like effect, depends on border-color value]
  • ridge [3D-like effect, depends on border-color value]
  • inset [3D inset border. effect, depends on border-color value]
  • outset [3D outset border. effect, depends on border-color value]
div {
  border-style: double;
}

Note the format when using short-hand specifications is TOP|RIGHT|BOTTOM|LEFT

div {
  border-style: double dashed solid dashed;
}

In the above example, it should be obvious that we are setting the border as follows: Top is Double, Right is Dashed, Bottom is Solid, left is Dashed.

Inherited? NO!

Tilføj kommentar

Links som bliver tilføjet er uden rel="nofollow", men vil blive slettet hvis de bliver anset som spam.

[url=Absolutte URL til side]TITEL[/url]

Du skal bruge code tags rundt om kode eksempler, for at bevare mellemrum og linjeskift. Kode eksempler bliver kun syntax fremhævet, hvis du fortæller hvad for et sprog du bruger.

[code1 html|css|javascript|php|sql]Indsæt din kode her[/code1]

Du vil måske læse vores Privat Politik før du tilføjer en kommentar.