CSS - szerokość-konturu

Opis

Właściwość outline-width określa szerokość konturu wokół elementu.

Możliwa wartość

  • length- Dowolna jednostka długości. Jednostki długości dla tej właściwości nie mogą być ujemne.

  • thin - Kontur, który jest cieńszy niż kontur ustawiony na średni.

  • medium - Kontur grubszy niż kontur ustawiony jako cienki i cieńszy niż kontur ustawiony na zbyt gruby.

  • thick - Kontur, który jest grubszy niż kontur ustawiony na średni.

Dotyczy

Wszystkie elementy HTML.

Składnia DOM

object.style.outlineWidth = "thin";

Przykład

Oto przykład -

<html>
   <head>
   </head>
   
   <body>
      <p style = "outline-width:thin; outline-style:solid;">
         This text is having thin outline.
      </p>
      <br />
      
      <p style = "outline-width:thick; outline-style:solid;">
         This text is having thick outline.
      </p>
      <br />
      
      <p style = "outline-width:5px; outline-style:solid;">
         This text is having 5x outline.
      </p>
   
   </body>
</html>

To da następujący wynik -


Language