Larghezza Contorno CSS

Larghezza Contorno CSS

outline-width L'attributo specifica la larghezza del contorno e può impostare uno dei seguenti valori:

  • thin (solitamente 1px)
  • medium (solitamente 3px)
  • thick (solitamente 5px)
  • Dimensioni specifiche (in px, pt, cm, em)

Ecco un esempio di contorni di diverse larghezze:

Contorno sottile.

Contorno medio.

Contorno spessa.

Contorno spessa di 4 pixel.

Esempio

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

Prova personalmente