Thuộc tính border-left-width trong CSS chỉ định độ rộng đường viền bên trái. Bạn có thể đặt độ rộng bằng pixel, em hoặc phần trăm. Thuộc tính này cho phép kiểm soát chính xác độ dày. Nó cũng góp phần vào thiết kế bố cục tổng thể của phần tử.
Syntax:
border-left-width: medium|thin|thick|length|initial|inherit;
Property Values: medium: Đây là giá trị mặc định của thuộc tính. Nó được dùng để chỉ định kích thước trung bình cho đường viền trái.
Syntax:
border-left-width:medium;
Example: Ví dụ này minh họa cách dùng border-left-width: medium. Nó dùng để đặt đường viền trái có độ rộng trung bình cho tiêu đề và đoạn văn.
<!DOCTYPE html>
<html>
<head>
<title>
CSS border-left-width Property
</title>
<style>
h1 {
color: green;
}
h3 {
border: solid green;
border-left-width: medium;
width: 50%;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>border-left-width:medium;</h2>
<h3>GeeksForGeeks</h3>
<p style="border-style:dotted;
border-left-width:medium;
width:70%;">
It is a computer science portal for geeks.
</p>
</body>
</html>
Output: 
thin property
border-left-width: thin trong CSS đặt độ rộng mỏng cho đường viền trái. Nó thường là độ dày bằng một đường kẻ mảnh.
Syntax:
border-left-width:thin;
Example: Ví dụ này định nghĩa các tiêu đề và đoạn văn. Chúng được tạo kiểu với đường viền trái mỏng bằng CSS. Nó minh họa border-left-width: thin cho các phần tử.
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border-left-width Property
</title>
<style>
h1 {
color: green;
}
h3 {
border: solid green;
border-left-width: thin;
width: 50%;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>border-left-width:thin;</h2>
<h3>GeeksForGeeks</h3>
<p style="border-style:dotted;
border-left-width:thin;
width:70%;">
It is a computer science portal for geeks.
</p>
</body>
</html>
Output:
thick property
Trong CSS, border-left-width: thick đặt độ rộng lớn cho đường viền bên trái. Nó tạo ra một đường viền dày hơn so với độ dày tiêu chuẩn.
Syntax:
border-left-width:thick;
Example: Ví dụ này đặt đường viền trái dày bằng border-left-width: thick trong CSS. Nó được dùng cho các tiêu đề và một đoạn văn, thể hiện kiểu đường viền dày hơn.
<!DOCTYPE html>
<html>
<head>
<title>
CSS border-left-width Property
</title>
<style>
h1 {
color: green;
}
h3 {
border: solid green;
border-left-width: thick;
width: 50%;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>border-left-width:thick;</h2>
<h3>GeeksForGeeks</h3>
<p style="border-style:dotted;
border-left-width:thick;
width:70%;">
It is a computer science portal for geeks.
</p>
</body>
</html>
Output: 
length property
Trong CSS, thuộc tính border-left-width chỉ định độ rộng đường viền trái. Nó được xác định bằng pixel, em hoặc các đơn vị độ dài khác.
Syntax:
border-left-width: length;
Example: Ví dụ này minh họa việc sử dụng CSS border-left-width: 10px. Nó tạo đường viền trái dày cho tiêu đề h3 và border-left-width: 5px trên đoạn văn. Nó tạo đường viền chấm mỏng hơn.
<!DOCTYPE html>
<html>
<head>
<title>
CSS border-left-width Property
</title>
<style>
h1 {
color: green;
}
h3 {
border: solid green;
border-left-width: 10px;
width: 50%;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>border-left-width:length;</h2>
<h3>GeeksForGeeks</h3>
<p style="border-style:dotted;
border-left-width:5px;
width:70%;">
It is a computer science portal for geeks.
</p>
</body>
</html>
Output: 
initial property
Trong CSS, initial đặt lại thuộc tính về giá trị mặc định của nó. Nó ghi đè mọi giá trị đã được xác định trước đó.
Syntax:
border-left-width:initial;
Example: Ví dụ này đặt border-left-width: initial cho h3. Nó đặt lại đường viền trái về mặc định. Nó áp dụng border-left-width: initial cho đoạn văn có đường viền chấm.
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border-left-width Property
</title>
<style>
h1 {
color: green;
}
h3 {
border: solid green;
border-left-width: initial;
width: 50%;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>border-left-width:initial;</h2>
<h3>GeeksForGeeks</h3>
<p style="border-style:dotted;
border-left-width:initial;
width:70%;">
It is a computer science portal for geeks.
</p>
</body>
</html>
Output:
Supported Browsers: Các trình duyệt được hỗ trợ bởi CSS border-left-width property được liệt kê dưới đây: