ویژگی outline-width عرض خطچین را مشخص میکند و میتواند یکی از مقادیر زیر را داشته باشد:
- thin (معمولاً ۱ پیکسل)
- medium (معمولاً ۳ پیکسل)
- thick (معمولاً ۵ پیکسل)
- یک اندازه خاص (به واحدهای px، pt، cm، em و غیره)
مثال:
تست برخی از خطچینها با عرضهای مختلف:
- یک خطچین نازک
- یک خطچین متوسط
- یک خطچین ضخیم
- یک خطچین به عرض ۴ پیکسل
p.ex1 {
border: 1px solid black;
outline-style: solid;
outline-color: red;
outline-width: thin;
}
p.ex2 {
border: 1px solid black;
outline-style: solid;
outline-color: red;
outline-width: medium;
}
p.ex3 {
border: 1px solid black;
outline-style: solid;
outline-color: red;
outline-width: thick;
}
p.ex4 {
border: 1px solid black;
outline-style: solid;
outline-color: red;
outline-width: 4px;
}این کد CSS به شما امکان میدهد تا با استفاده از ویژگی outline-width، عرضهای مختلف خطچین را به عناصر خود اضافه کنید.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام