CSS-ում սահմանների հետ աշխատելու հիմունքներ
Այժմ մենք կսովորենք, թե ինչպես ավելացնել սահման
տարրերին: Դա արվում է երեք հատկությունների միջոցով.
border-width հատկությունը սահմանում է սահմանի հաստությունը,
border-color-ը՝ գույնը, իսկ border-style-ը
սահմանում է սահմանի տեսակը:
Առաջին երկու հատկությունները աշխատում են ակնհայտ կերպով.
border-color-ն ընդունում է գույներ նույն
ֆորմատով, ինչ color հատկությունը,
իսկ սահմանի հաստությունը սահմանվում է պիքսելներով: Իսկ
border-style հատկությունը ընդունում է
արժեքներ բանալի բառերի տեսքով: Օրինակ,
solid արժեքը սահմանում է հոծ գիծ:
Եկեք ստեղծենք, օրինակ, 3 պիքսել հաստությամբ սահման,
հոծ գծի տեսքով, կարմիր գույնով.
<div id="elem"></div>
#elem {
border-width: 3px; /* հաստությունը 3px */
border-style: solid; /* գծի տեսքով */
border-color: red; /* կարմիր գույն */
width: 300px;
height: 100px;
}
:
Հաջորդ դասերում մենք ավելի մանրամասն կդիտարկենք սահմանների հետ աշխատանքը:
