CSS - chiều rộng đường viền

Sự miêu tả

Thuộc tính outline-width xác định chiều rộng của đường viền xung quanh một phần tử.

Những giá trị khả thi

  • length- Bất kỳ đơn vị độ dài nào. Đơn vị độ dài cho thuộc tính này không được âm.

  • thin - Dàn bài mỏng hơn dàn bài được đặt thành trung bình.

  • medium - Đường viền dày hơn đường viền được đặt thành mỏng và mỏng hơn đường viền được đặt thành dày.

  • thick - Dàn bài dày hơn dàn bài ở mức trung bình.

Áp dụng đối với

Tất cả các phần tử HTML.

Cú pháp DOM

object.style.outlineWidth = "thin";

Thí dụ

Đây là ví dụ -

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

Điều này sẽ tạo ra kết quả sau:


Language