CSS-ում սահմանների հետ աշխատելու հիմունքներ

Այժմ մենք կսովորենք, թե ինչպես ավելացնել սահման տարրերին: Դա արվում է երեք հատկությունների միջոցով. border-width հատկությունը սահմանում է սահմանի հաստությունը, border-color-ը՝ գույնը, իսկ border-style-ը սահմանում է սահմանի տեսակը:

Առաջին երկու հատկությունները աշխատում են ակնհայտ կերպով. border-color-ն ընդունում է գույներ նույն ֆորմատով, ինչ color հատկությունը, իսկ սահմանի հաստությունը սահմանվում է պիքսելներով: Իսկ border-style հատկությունը ընդունում է արժեքներ բանալի բառերի տեսքով: Օրինակ, solid արժեքը սահմանում է հոծ գիծ:

Եկեք ստեղծենք, օրինակ, 3 պիքսել հաստությամբ սահման, հոծ գծի տեսքով, կարմիր գույնով.

html<div id="elem"></div>

css#elem {
  border-width: 3px;    /* հաստությունը 3px */
  border-style: solid;  /* գծի տեսքով */
  border-color: red;    /* կարմիր գույն */
  width: 300px;
  height: 100px;
}

Результат:

Հաջորդ դասերում մենք ավելի մանրամասն կդիտարկենք սահմանների հետ աշխատանքը: