پهنای پروفایل CSS

پهنای پروفایل CSS

outline-width این ویژگی پهنای لبه‌ها را مشخص می‌کند و می‌توان یکی از مقادیر زیر را تنظیم کرد:

  • thin (معمولاً 1px)
  • medium (معمولاً 3px)
  • thick (معمولاً 5px)
  • اندازه‌های خاص (با استفاده از px،pt،cm،em تعیین شده)

در مثال زیر، چندین حاشیه کلیدی با اندازه‌های مختلف نمایش داده شده است:

حاشیه کلیدی نازک.

حاشیه کلیدی متوسط.

حاشیه کلیدی ضخیم.

حاشیه کلیدی 4 پیکسلی.

مثال

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;
}

آزمایش کنید