CSS Border stils

1. Border stili:
dotted, dashed, solid, double, groove, ridge, inset un outset.

Savā foruma quote un code kodu laukiem es lietoju dashed stilu.

css fragmentā border stila kodējums izskatāsšādi

Kods:

border-style: dotted;

2. border width:
uzkaita arī px, piemēram,

Kods:

border-width: 2px;

2px, 3 px un tā tālāk līdz 10 , var arī ar vārdiem norādīt, bet tad ir tikai 3 iespējas(3 biezumi): thin, medium un thick

Kods:

border-width: thin;

3. Border color:
norāda bordera krāsu kā izskatīsies borders. krāsu apzīmējumu veidi "#123456", "rgb(123,123,123)" vai "yellow" (visos 3 variantos ir parādīta dzeltenā krāsa)

Kopējais piemērs:

Kods:

h1 {
  border-width: thick;
  border-style: dotted;
  border-color: gold;
  }

  h2 {
  border-width: 20px;
  border-style: outset;
  border-color: red;
  }

  p {
  border-width: 1px;
  border-style: dashed;
  border-color: blue;
  }

  ul {
  border-width: thin;
  border-style: solid;
  border-color: orange;
  }