CSS Border stilizēšana

Date: Pirmdiena, 21 Mar 2011, 2:10 PM | Ieraksts # 1

Pakāpe:

Ieraksti: 57

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

Code

border-style: dotted;

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

Code

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

Code

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:

Code

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;
  }

uForums.GameHost.lv - Universal Community Forum - Latvia - Join For Free Now