CSS Outline
Тус элементэд 2px өргөн мүжбуж, 10px өргөн outline зураас авлаа.
CSS Outline
Outline гэдэг нь чухал гэж үзсэн элементийн хүрээний гадна талаар тойрсон шугам юм.
Outline нь дараах шинж чанаруудтай байдаг.
outlineoutline-styleoutline-coloroutline-widthoutline-offset
Тэмдэглэл: Outline нь тухай элементийг чухал гэж үзэн border-н гадна талаар хийгдсэн хүрээ бөгөөд бусад элементэд давхардаж чаддагаараа border-оос ялгаатай юм.
CSS Outline Style
outline-sytle-д чухал гэж үзсэн элементийн хэв маягийг тодорхойлдог бөгөөд дараах утгууд хамаарна.
dotteddashedsoliddoublegrooveridgeinsetoutsetnonehidden
Жишээ нь
<style>
p {outline-color:red;}
p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;}
</style>
CSS Өргөн /Outline Width/
outline-width шинж чанарт outline-н өргөнийг тодорхойлдог бөгөөд дараах утгуудын аль нэгийг зааж өгнө.
- thin (1px гэсэн үг)
- medium (3px гэсэн үг)
- thick (5px гэсэн үг)
- Эсвэл (px, pt, cm, em) гэх мэт хэмжих нэгжийг ашиглаж болно.
Жишээ нь
<style>
p.sm1 {
border: 1px solid black;
outline-style: solid;
outline-color: #3f9ce8;
outline-width: thin;
}
p.sm2 {
border: 1px solid black;
outline-style: solid;
outline-color: #3f9ce8;
outline-width: medium;
}
p.sm3 {
border: 1px solid black;
outline-style: solid;
outline-color: #3f9ce8;
outline-width: thick;
}
p.sm4 {
border: 1px solid black;
outline-style: solid;
outline-color: #3f9ce8;
outline-width: 14px;
}
</style>
CSS Outline Offset
outline-offset шинж чанарт элементийн хүрээ болон outline-н хоорондын зайг тодорхойлдог.
Жишээ нь
Элементийн хүрээ буюу border болон outline-н хооронд 20px зай авч үзье.
<style>
p {
margin: 30px;
border: 1px solid black;
outline: 1px solid #3f9ce8;
outline-offset: 20px;
}
</style>
Сэтгэгдэлүүд
