Width ng Outline ng CSS

Width ng Outline ng CSS

outline-width Ang attribute ay nagtutukoy sa lapad ng outline, at maaaring itakda ang alinman sa sumusunod na halaga:

  • thin（karaniwan na 1px）
  • medium (usually 3px)
  • thick (usually 5px)
  • Specific dimensions (in px, pt, cm, em)

The following example shows some outlines with different widths:

Thin outline.

Medium outline.

Thick outline.

4-pixel thick outline.

Example

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

Try It Yourself