عرض کناره‌های 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;
}

آزمایش کنید