Thuộc tính border-collapse xác định đường viền của table có tách biệt ra hay không. table { border-collapse: giá trị; }

Danh ngôn cuộc sống:

• Bài viết được đăng bởi: Mr. Phan Nhan
• Ngày cập nhật bài viết: 11/05/2016
• Tổng lược xem trang: 116 / 1 khách
• Đánh giá bởi người dùng:

Định nghĩa và sử dụng. Thuộc tính border-collapse xác định đường viền của table có tách biệt ra hay không. Chú ý là thuộc tính border-collapse chỉ được sử dụng cho thành phần table. Cấu trúc:

table {
border-collapse: giá trị;
}

Với giá trị như sau:
- border-collapse: collapse; Khoảng trống giữa các đường viền (border) của table bị loại bỏ, chỉ còn đường viền duy nhất.
- border-collapse: separate; Khoảng trống giữa các đường viền (border) của table vẫn giữ nguyên, đây là dạng mặc định của table.
- border-collapse: inherit; Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài).
CSS viết:

table {
border-collapse: collapse;
}

HTML viết:

Định nghĩa và sử dụng. Thuộc tính border-spacing xác định khoảng cách giữa các đường viền của table. Chú ý là thuộc tính border-spacing chỉ được sử dụng cho thành phần table có các đường viền tách biệt nhau (border-collapse: separate). Cấu trúc:

table {
border-spacing: giá trị;
}

Với giá trị như sau:
border-spacing: 10px; Độ rộng giữa các đường viền (border) của table.
border-spacing: 10px 20px; Độ rộng giữa các đường viền (border) của table với giá trị ngang và dọc.
border-collapse: inherit; Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài).
border-spacing với một giá trị, CSS viết:

table {
border-spacing: 10px;
}

border-spacing với 2 giá trị, CSS viết:

table {
border-spacing: 10px 30px;
}

HTML viết:

Những bài viết được đăng mới nhất.

» Công cụ xóa dấu Tiếng việt