تعریف outline-width
ویژگی outline-width در CSS برای تعیین ضخامت خط بیرونی (Outline) استفاده میشود. این ویژگی میتواند یکی از مقادیر زیر را داشته باشد:
- thin → نازک (معمولاً ۱px)
- medium → متوسط (معمولاً ۳px)
- thick → ضخیم (معمولاً ۵px)
- اندازه مشخص → میتوان مقدار دقیق را با واحدهایی مثل px، pt، cm، em و … تعیین کرد
مثال: انواع outline-width
در مثال زیر، چند پاراگراف با ضخامتهای مختلف خط بیرونی نمایش داده میشوند:
p {
padding: 5px;
outline-style: solid;
outline-color: green;
}
p.ex1 {
outline-width: thin;
}
p.ex2 {
outline-width: medium;
}
p.ex3 {
outline-width: thick;
}
p.ex4 {
outline-width: 8px;
}
نتیجه اجرای مثال
- خط بیرونی نازک (thin)
- خط بیرونی متوسط (medium)
- خط بیرونی ضخیم (thick)
- خط بیرونی با ضخامت مشخص (۸px)