Агуулга
CSS хүрээний шинж чанарууд нь элементийн хүрээний хэв маяг, өргөн, өнгийг тодорхойлох боломжийг танд олгоно.
CSS хүрнээний загвар #
border-style
шинж чанар нь ямар хүрээг харуулахыг зааж өгдөг.
Дараах утгуудыг зөвшөөрнө:
dotted
– Цэгтэй хүрээг тодорхойлноdashed
– Тасархай хүрээг тодорхойлноsolid
-Хатуу хүрээг тодорхойлдогdouble
– Давхар хүрээг тодорхойлноgroove
-3D ховилтой хүрээг тодорхойлно. Үр нөлөө нь хүрээний өнгөний утгаас хамаарнаridge
– 3D нурууны хүрээг тодорхойлно. Үр нөлөө нь хүрээний өнгөний утгаас хамаарнаinset
-3D оруулгын хүрээг тодорхойлно. Үр нөлөө нь хүрээний өнгөний утгаас хамаарнаoutset
-3D гаралтын хүрээг тодорхойлдог. Үр нөлөө нь хүрээний өнгөний утгаас хамаарнаnone
– хүрээ байхгүйhidden
– үл үзэгдэгч хүрээ
border-style
нь нэгээс дөрөв хүртэлх утгатай байж болно (дээд хүрээ, баруун хил, доод хүрээ, зүүн хүрээ).
Хүрээн янз бүрийн хэв маягийг харуулах:
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
Result:
A Цэгиэй хүрээ.
A тасархай хүрээ.
Хатуу хүрээ.
Давхар хүрээ
3D ховилтой хүрээ
3D нуруутай хүрээ.
3D оруулагтай хүрээ.
3D гаралтын хүрээ
хүрээ байхгүй
нуугдмал хүрээ
холигдмол хүрээ