CSS Kontur Genişliği

CSS Kontur Genişliği

outline-width etiketin çerçeve genişliğini belirtir ve aşağıdaki değerlerden biri ayarlanabilir:

  • incek (genellikle 1px)
  • medium (genellikle 3px)
  • thick (genellikle 5px)
  • Belirli boyutlar (px, pt, cm, em ile ölçülür)

Aşağıdaki örnek, farklı genişliklerdeki çizgileri gösterir:

İnce çizgi

Orta çizgi

Kalın çizgi

4 piksel kalın çizgi

Örnek

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

Kişisel olarak deneyin