Thuộc tính border trong CSS

Thuộc tính border trong CSS được sử dụng để thiết lập tất cả các Style liên quan tới đường viền của một phần tử. Chẳng hạn như màu, độ rộng, style của đường viền.

Thuộc tính border có thể nhận giá trị:

Trong CSS, thuộc tính border có thể nhận các giá trị để biểu diễn màu cho đường viền (tương ứng cho giá trị của thuộc tính color), độ rộng của đường viền (tương ứng với giá trị của thuộc tính border-width), và giá trị cho style của đường viền (tương ứng với giá trị của thuộc tính border-style).

Thuộc tính border có thể áp dụng cho:

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

Cú pháp thuộc tính border trong DOM

object.style.border = "2px solid red";

Ví dụ thuộc tính border trong CSS

Dưới đây là ví dụ minh họa cách sử dụng thuộc tính border cùng với ba giá trị trên trong CSS. Thuộc tính này thường được sử dụng nhiều nhất trong khi xác định style cho đường viền của một phần tử.

<html>
   <head>
   </head>
   <body>
      <p style="border:4px solid red;">
      Vi du xac dinh tat ca cac gia tri lien quan toi Border chi trong mot Style Rule.
      </p>
   </body>
</html>

Kết quả là:

Quảng cáo

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học CSS phổ biến khác tại vietjack.com: