Tham chiếu W3.CSS
Các lớp W3.CSS
Lớp vùng chứa
| Lớp học | Định nghĩa | |
|---|---|---|
| thùng chứa w3 | Vùng chứa HTML có phần đệm bên trái và bên phải 16px | Thử nó |
| Được sử dụng làm tiêu đề | Thử nó | |
| Dùng làm chân trang | Thử nó | |
| bảng điều khiển w3 | Vùng chứa HTML có phần đệm trái và phải 16px và lề trên và dưới 16px | Thử nó |
| Dùng để hiển thị ghi chú | Thử nó | |
| Dùng để hiển thị báo giá | Thử nó | |
| huy hiệu w3 | Huy hiệu hình tròn | Thử nó |
| thẻ w3 | Thẻ hình chữ nhật | Thử nó |
| w3-ul | Danh sách không có thứ tự | Thử nó |
| w3-hiển thị-container | Vùng chứa cho các lớp w3-display- (cho phép định vị các phần tử bên trong vùng chứa) | Thử nó |
| khối w3 | Lớp có thể được sử dụng để xác định chiều rộng đầy đủ cho bất kỳ phần tử nào | Thử nó |
| mã w3 | Vùng chứa mã | Thử nó |
| w3-codespan | Vùng chứa mã nội tuyến (dành cho đoạn mã) | Thử nó |
| nội dung w3 | Vùng chứa nội dung có kích thước cố định tập trung | Thử nó |
| w3-auto | Vùng chứa nội dung tập trung vào kích thước đáp ứng | Thử nó |
| w3-căng | Lớp loại bỏ lề phải và trái (đặc biệt hữu ích để kéo dài các hàng có đệm (w3-row-padding)) | Thử nó |
Lớp bảng
| Lớp học | Định nghĩa | |
|---|---|---|
| bảng w3 | Vùng chứa cho bảng HTML | Thử nó |
| sọc w3 | Bàn sọc | Thử nó |
| đường viền w3 | Bảng có viền | Thử nó |
| viền w3 | Đường viền | Thử nó |
| tập trung vào w3 | Bảng căn giữa | Thử nó |
| w3-hoverable | Bảng di chuột | Thử nó |
| w3-bàn-tất cả | Đã đặt tất cả thuộc tính | Thử nó |
| Với w3-sọc, w3-border và w3-bordered | Thử nó | |
| Với đầu màu | Thử nó | |
| Với w3 đáp ứng | Thử nó | |
| Với w3-tiny | Thử nó | |
| Với w3-nhỏ | Thử nó | |
| Với w3-lớn | Thử nó | |
| Với w3-xlarge | Thử nó | |
| Với w3-xxlarge | Thử nó | |
| Với w3-xxxlarge | Thử nó | |
| Với màu sắc | Thử nó | |
| Với w3-jumbo | Thử nó | |
| đáp ứng w3 | Tạo một bảng đáp ứng | Thử nó |
Các hạng thẻ
| Lớp học | Định nghĩa | |
|---|---|---|
| thẻ w3 | Tương tự như w3-card-2 | Thử nó |
| w3-thẻ-2 | Vùng chứa cho bất kỳ nội dung HTML nào (bóng viền 2px) | Thử nó |
| w3-thẻ-4 | Vùng chứa cho bất kỳ nội dung HTML nào (bóng viền 4px) | Thử nó |
Lớp học đáp ứng
| Lớp học | Định nghĩa | |
|---|---|---|
| hàng w3 | Vùng chứa cho một hàng nội dung đáp ứng linh hoạt | Thử nó |
| phần đệm hàng w3 | Hàng nơi tất cả các cột có phần đệm mặc định | Thử nó |
| w3-auto | Vùng chứa nội dung tập trung vào kích thước đáp ứng | Thử nó |
| w3-căng | Lớp loại bỏ lề phải và trái | Thử nó |
| w3-nửa | Một nửa (1/2) thùng chứa cột màn hình | Thử nó |
| w3-thứ ba | Vùng chứa cột màn hình thứ ba (1/3) | Thử nó |
| w3-hai phần ba | Vùng chứa cột màn hình hai phần ba (2/3) | Thử nó |
| w3-quý | Vùng chứa cột màn hình một phần tư (1/4) | Thử nó |
| w3-ba phần tư | Hộp chứa cột màn hình ba phần tư (3/4) | Thử nó |
| w3-col | Vùng chứa cột cho bất kỳ nội dung HTML nào | Thử nó |
| phần còn lại của w3 | Chiếm phần còn lại của chiều rộng cột | Thử nó |
| l1 - l12 | Kích thước đáp ứng cho màn hình lớn | Thử nó |
| m1 - m12 | Kích thước đáp ứng cho màn hình trung bình | Thử nó |
| s1 - s12 | Kích thước đáp ứng cho màn hình nhỏ | Thử nó |
| w3-ẩn-nhỏ | Ẩn nội dung trên màn hình nhỏ (dưới 601px) | Thử nó |
| w3-ẩn-trung bình | Ẩn nội dung trên màn hình trung bình | Thử nó |
| w3-ẩn-lớn | Ẩn nội dung trên màn hình lớn (lớn hơn 992px) | Thử nó |
| hình ảnh w3 | Hình ảnh đáp ứng | Thử nó |
| w3-mobile | Thêm khả năng phản hồi đầu tiên trên thiết bị di động cho bất kỳ thành phần nào. Hiển thị các phần tử dưới dạng phần tử khối trên thiết bị di động. | Thử nó |
Lớp bố cục
| Lớp học | Định nghĩa | |
|---|---|---|
| w3-ô-hàng | Vùng chứa các cột bố cục (ô). | Thử nó |
| ô w3 | Cột bố cục (ô). | Thử nó |
| w3-cell-top | Căn chỉnh nội dung ở đầu cột (ô). | Thử nó |
| w3-cell-giữa | Căn chỉnh nội dung theo chiều dọc giữa cột (ô). | Thử nó |
| w3-cell-đáy | Căn chỉnh nội dung ở cuối cột (ô). | Thử nó |
Lớp thanh - Điều hướng
| Lớp học | Định nghĩa | |
|---|---|---|
| thanh w3 | Thanh ngang | Thử nó |
| khối w3-bar | Thanh dọc | Thử nó |
| w3-bar-item | Cung cấp phong cách chung cho các mục thanh | Thử nó |
| thanh bên w3 | Thanh bên | Thử nó |
| Thanh bên có thể chứa tất cả các loại nội dung | Thử nó | |
| Thanh bên che phủ nội dung chính | Thử nó | |
| Thanh bên bao phủ tất cả nội dung chính | Thử nó | |
| Thanh bên chuyển nội dung chính sang bên phải | Thử nó | |
| Thanh bên có nền lớp phủ | Thử nó | |
| Một thanh bên ở bên phải | Thử nó | |
| w3-sụp đổ | Được sử dụng cùng với thanh bên w3 để tạo điều hướng bên đáp ứng hoàn toàn tự động. Để lớp này hoạt động, nội dung trang phải nằm trong lớp "w3-main" | Thử nó |
| w3-chính | Vùng chứa nội dung trang khi sử dụng lớp w3-collapse để điều hướng bên đáp ứng | Thử nó |
| Điều hướng bên phải đáp ứng hoàn toàn tự động | Thử nó |
Lớp học thả xuống
| w3-thả xuống-nhấp chuột | Phần tử thả xuống có thể nhấp | Thử nó |
| w3-thả xuống-di chuột | Phần tử thả xuống có thể di chuột | Thử nó |
| Phần tử thả xuống có thể di chuột (được sử dụng trong thanh w3) | Thử nó | |
| Phần tử thả xuống có thể di chuột (được sử dụng trong khối w3-bar) | Thử nó | |
| Phần tử thả xuống có thể di chuột (được sử dụng trong thanh bên w3) | Thử nó |
Các lớp nút
| Lớp học | Định nghĩa | |
|---|---|---|
| nút w3 | Nút hình chữ nhật có màu nền xám khi di chuột | Thử nó |
| w3-btn | Nút hình chữ nhật có bóng khi di chuột | Thử nó |
| vòng tròn w3 | Có thể dùng để tạo nút tròn | Thử nó |
| w3-gợn sóng | Nút hình chữ nhật có hiệu ứng gợn sóng | Thử nó |
| Nút nổi hình tròn có hiệu ứng gợn sóng | Thử nó | |
| thanh w3 | Có thể dùng để nhóm các thành phần (như nút) trong thanh ngang | Thử nó |
| khối w3 | Lớp có thể được sử dụng để xác định nút w3 có chiều rộng đầy đủ | Thử nó |
| Chiều rộng đầy đủ w3-btn | Thử nó | |
| Nút tròn có chiều rộng đầy đủ | Thử nó |
Lớp đầu vào
| Lớp học | Định nghĩa | |
|---|---|---|
| đầu vào w3 | Yếu tố đầu vào | Thử nó |
| Biểu mẫu nhập dưới dạng thẻ | Thử nó | |
| Yếu tố đầu vào (nhãn trên cùng) | Thử nó | |
| Yếu tố đầu vào (nhãn dưới cùng) | Thử nó | |
| kiểm tra w3 | Loại đầu vào hộp kiểm | Thử nó |
| đài phát thanh w3 | Loại đầu vào vô tuyến | Thử nó |
| chọn w3 | Phần tử chọn đầu vào | Thử nó |
| đầu vào w3-animate | Hoạt hình hóa chiều rộng của đầu vào lên 100% | Thử nó |
Các lớp phương thức
| Lớp học | Định nghĩa | |
|---|---|---|
| phương thức w3 | Vùng chứa phương thức | Thử nó |
| nội dung w3-modal | Phần tử bật lên phương thức | Thử nó |
| chú giải công cụ w3 | Phần tử chú giải công cụ | Thử nó |
| văn bản w3 | Văn bản chú giải công cụ | Thử nó |
Lớp hoạt hình
| Lớp học | Định nghĩa | |
|---|---|---|
| w3-animate-top | Tạo hoạt ảnh cho một phần tử từ trên cùng -300px đến 0px | Thử nó |
| w3-animate-trái | Tạo hoạt ảnh cho một phần tử từ trái -300px đến 0px | Thử nó |
| w3-animate-đáy | Tạo hoạt ảnh cho một phần tử từ dưới lên -300px đến 0px | Thử nó |
| w3-animate-phải | Tạo hoạt ảnh cho một phần tử từ bên phải -300px đến 0px | Thử nó |
| w3-animate-độ mờ | Hoạt hình độ mờ của một phần tử từ 0 đến 1 | Thử nó |
| w3-animate-zoom | Hoạt hình một phần tử có kích thước từ 0 đến 100% | Thử nó |
| w3-animate-fading | Tạo hoạt ảnh cho độ mờ của một phần tử từ 0 đến 1 và 1 đến 0 (mờ dần VÀO) | Thử nó |
| quay-w3 | Xoay biểu tượng 360 độ | Thử nó |
| Xoay bất kỳ phần tử nào 360 độ | Thử nó | |
| đầu vào w3-animate | Hoạt hình hóa chiều rộng của trường đầu vào thành 100% | Thử nó |
Lớp phông chữ và văn bản
| Lớp học | Định nghĩa | |
|---|---|---|
| w3-nhỏ | Chỉ định kích thước phông chữ 10 pixel | Thử nó |
| w3-nhỏ | Chỉ định kích thước phông chữ 12 pixel | Thử nó |
| w3-lớn | Chỉ định kích thước phông chữ 18 pixel | Thử nó |
| w3-xlarge | Chỉ định kích thước phông chữ 24 pixel | Thử nó |
| w3-xxlarge | Chỉ định kích thước phông chữ là 32 pixel | Thử nó |
| w3-xxxlarge | Chỉ định kích thước phông chữ 48 pixel | Thử nó |
| w3-jumbo | Chỉ định kích thước phông chữ 64 pixel | Thử nó |
| rộng w3 | Chỉ định một văn bản rộng hơn | Thử nó |
| w3-serif | Thay đổi phông chữ thành serif | Thử nó |
| w3-sans-serif | Thay đổi phông chữ thành sans-serif | Thử nó |
| w3-chữ thảo | Thay đổi phông chữ thành chữ thảo | Thử nó |
| w3-monospace | Thay đổi phông chữ thành monospace | Thử nó |
Hiển thị các lớp
| Lớp học | Định nghĩa | |
|---|---|---|
| trung tâm w3 | Nội dung tập trung | Thử nó |
| w3-trái | Di chuyển một phần tử sang trái (float: left) | Thử nó |
| w3-phải | Di chuyển một phần tử sang bên phải (float: right) | Thử nó |
| w3-căn lề trái | Văn bản căn trái | Thử nó |
| w3-căn chỉnh bên phải | Văn bản căn phải | Thử nó |
| w3-biện minh | Văn bản được căn phải và trái | Thử nó |
| khối w3 | Lớp có thể được sử dụng để xác định chiều rộng đầy đủ cho bất kỳ phần tử nào | Thử nó |
| vòng tròn w3 | Nội dung được khoanh tròn | Thử nó |
| ẩn w3 | Nội dung ẩn (hiển thị: không có) | Thử nó |
| w3-show | Hiển thị nội dung (hiển thị:chặn) | Thử nó |
| w3-show-block | Bí danh của w3-show (hiển thị: khối) | Thử nó |
| w3-show-inline-block | Hiển thị nội dung dưới dạng khối nội tuyến (display:inline-block) | Thử nó |
| w3-top | Cố định nội dung ở đầu trang | Thử nó |
| đáy w3 | Đã sửa nội dung ở cuối trang | Thử nó |
| w3-hiển thị-container | Vùng chứa cho các lớp w3-display- (vị trí: tương đối) | Thử nó |
| w3-display-topleft | Hiển thị nội dung ở góc trên cùng bên trái của w3-display-container | Thử nó |
| w3-display-topright | Hiển thị nội dung ở góc trên bên phải của w3-display-container | Thử nó |
| w3-display-bottomleft | Hiển thị nội dung ở góc dưới bên trái của w3-display-container | Thử nó |
| w3-hiển thị-dưới cùng bên phải | Hiển thị nội dung ở góc dưới cùng bên phải của w3-display-container | Thử nó |
| w3-hiển thị-trái | Hiển thị nội dung ở bên trái (giữa bên trái) của w3-display-container | Thử nó |
| w3-hiển thị-phải | Hiển thị nội dung ở bên phải (giữa bên phải) của w3-display-container | Thử nó |
| w3-hiển thị-giữa | Hiển thị nội dung ở giữa (giữa) của w3-display-container | Thử nó |
| w3-display-topmiddle | Hiển thị nội dung ở giữa trên cùng của w3-display-container | Thử nó |
| w3-display-bottommiddle | Hiển thị nội dung ở giữa dưới cùng của w3-display-container | Thử nó |
| w3-hiển thị-vị trí | Hiển thị nội dung tại một vị trí được chỉ định trong w3-display-container | Thử nó |
| w3-hiển thị-hover | Hiển thị nội dung khi di chuột bên trong w3-display-container | Thử nó |
Lớp hiệu ứng
| Lớp học | Định nghĩa | |
|---|---|---|
| độ mờ w3 | Thêm độ mờ/độ trong suốt cho một phần tử (độ mờ: 0,6) | Thử nó |
| Thêm độ mờ/trong suốt cho văn bản | Thử nó | |
| w3-opacity-tắt | Tắt độ mờ/độ trong suốt (độ mờ: 1) | Thử nó |
| w3-độ mờ-min | Thêm độ mờ/độ trong suốt cho một phần tử (độ mờ: 0,75) | Thử nó |
| w3-độ mờ-max | Thêm độ mờ/độ trong suốt cho một phần tử (độ mờ: 0,25) | Thử nó |
| w3-thang độ xám-min | Thêm hiệu ứng thang độ xám vào một phần tử (thang độ xám: 50%) | Thử nó |
| w3-thang độ xám | Thêm hiệu ứng thang độ xám vào một phần tử (thang độ xám: 75%) | Thử nó |
| w3-thang độ xám-max | Thêm hiệu ứng thang độ xám vào một phần tử (thang độ xám: 100%) | Thử nó |
| w3-sepia-min | Thêm hiệu ứng màu nâu đỏ vào một phần tử (màu nâu đỏ: 50%) | Thử nó |
| w3-nâu đỏ | Thêm hiệu ứng màu nâu đỏ vào một phần tử (màu nâu đỏ: 75%) | Thử nó |
| w3-sepia-max | Thêm hiệu ứng màu nâu đỏ vào một phần tử (màu nâu đỏ: 100%) | Thử nó |
| lớp phủ w3 | Tạo hiệu ứng lớp phủ | Thử nó |
Lớp màu nền
| Lớp học | Định nghĩa | |
|---|---|---|
| w3-đỏ | Màu nền đỏ | Thử nó |
| w3-hồng | Màu nền màu hồng | Thử nó |
| w3-tím | Màu nền màu tím | Thử nó |
| w3-tím đậm | Màu nền tím đậm | Thử nó |
| w3-chàm | Màu nền chàm | Thử nó |
| w3-xanh | Màu nền xanh | Thử nó |
| w3-xanh nhạt | Màu nền xanh nhạt | Thử nó |
| w3-cyan | Màu nền lục lam | Thử nó |
| w3-aqua | Màu nền thủy | Thử nó |
| w3-teal | Màu nền xanh mòng két | Thử nó |
| w3-xanh | Màu nền xanh lá cây | Thử nó |
| w3-xanh nhạt | Màu nền xanh nhạt | Thử nó |
| w3-vôi | Màu nền vôi | Thử nó |
| w3-cát | Cát màu nền | Thử nó |
| w3-kaki | Màu nền kaki | Thử nó |
| w3-vàng | Màu nền màu vàng | Thử nó |
| hổ phách w3 | Màu nền hổ phách | Thử nó |
| w3-cam | Màu nền màu cam | Thử nó |
| w3-màu cam đậm | Màu nền màu cam đậm | Thử nó |
| w3-xanh-xám | Màu nền xanh xám | Thử nó |
| w3-nâu | Màu nền nâu | Thử nó |
| w3-xám nhạt | Màu nền xám nhạt | Thử nó |
| w3-xám | Màu nền xám | Thử nó |
| w3-xám-đậm | Màu nền xám đậm | Thử nó |
| w3-đen | Màu nền đen | Thử nó |
| w3-đỏ nhạt | Màu nền đỏ nhạt | Thử nó |
| w3-vàng nhạt | Màu nền màu vàng nhạt | Thử nó |
| w3-xanh nhạt | Màu nền xanh nhạt | Thử nó |
| w3-xanh nhạt | Màu nền xanh nhạt | Thử nó |
| w3-trong suốt | Màu nền trong suốt |
Lớp màu di chuột
Các màu ở trên cũng có thể được sử dụng làm lớp di chuột:
| Lớp học | Định nghĩa | |
|---|---|---|
| w3-hover-trắng | Di chuột màu trắng | Thử nó |
| w3-hover-đen | Di chuột màu đen | Thử nó |
| w3-hover-đỏ | Di chuột màu đỏ | Thử nó |
| w3-hover-blue | Di chuột màu xanh | Thử nó |
| w3-hover-xanh | Di chuột màu xanh lá cây | Thử nó |
| w3-hover-aqua | Di chuột màu thủy | Thử nó |
| w3-hover-cam | Di chuột màu cam | Thử nó |
| w3-hover-xám | Di chuột màu xám | Thử nó |
| w3-hover-xanh nhạt | Màu di chuột màu xanh nhạt | Thử nó |
Lớp màu văn bản
| Lớp học | Định nghĩa | |
|---|---|---|
| w3-văn bản-đỏ | Màu văn bản màu đỏ | Thử nó |
| w3-văn bản-xanh | Màu văn bản màu xanh lá cây | Thử nó |
| w3-text-blue | Màu văn bản màu xanh | Thử nó |
| w3-text-màu vàng | Màu văn bản màu vàng | Thử nó |
| w3-text-xám nhạt | Màu văn bản xám nhạt | Thử nó |
| w3-text-màu xám | Màu văn bản màu xám | Thử nó |
| w3-text-xám đậm | Màu văn bản màu xám đậm | Thử nó |
| w3-text-đen | Màu văn bản đen | Thử nó |
| w3-text-trắng | Màu văn bản trắng | Thử nó |
| w3-text-hồng | Màu văn bản màu hồng | Thử nó |
| w3-text-tím | Màu văn bản màu tím | Thử nó |
| w3-text-teal | Màu văn bản xanh mòng két | Thử nó |
| w3-text-màu xanh nhạt | Màu văn bản xanh nhạt | Thử nó |
| w3-text-vôi | Màu văn bản vôi | Thử nó |
| w3-text-sâu-tím | Màu văn bản màu tím đậm | Thử nó |
| w3-text-màu chàm | Màu chữ chàm | Thử nó |
| w3-văn bản-xanh nhạt | Màu văn bản màu xanh nhạt | Thử nó |
| w3-text-xanh-xám | Màu văn bản màu xanh xám | Thử nó |
| w3-text-cyan | Màu văn bản lục lam | Thử nó |
| w3-text-aqua | Màu văn bản màu nước | Thử nó |
| w3-văn bản-hổ phách | Màu văn bản hổ phách | Thử nó |
| w3-text-cam | Màu văn bản màu cam | Thử nó |
| w3-text-màu cam đậm | Màu văn bản màu cam đậm | Thử nó |
| w3-text-cát | Cát màu văn bản | Thử nó |
| w3-text-khaki | Màu văn bản kaki | Thử nó |
| w3-text-nâu | Màu văn bản màu nâu | Thử nó |
Lớp văn bản di chuột
Các lớp văn bản ở trên cũng có thể được sử dụng làm lớp di chuột:
| Lớp học | Định nghĩa | |
|---|---|---|
| w3-hover-text-đỏ | Màu văn bản di chuột màu đỏ | Thử nó |
| w3-hover-text-green | Màu văn bản di chuột màu xanh lá cây | Thử nó |
| w3-hover-text-blue | Màu văn bản di chuột màu xanh lam | Thử nó |
| w3-hover-text-màu vàng | Màu văn bản di chuột màu vàng | Thử nó |
Các lớp di chuột khác
| Lớp học | Định nghĩa | |
|---|---|---|
| w3-hover-border- màu | Màu đường viền di chuột | Thử nó |
| w3-hover-độ mờ | Thêm độ trong suốt cho một phần tử khi di chuột (độ mờ: 0,6) | Thử nó |
| w3-hover-opacity-off | Loại bỏ độ trong suốt của một phần tử khi di chuột (độ mờ 100%) | Thử nó |
| w3-hover-bóng | Thêm bóng vào một phần tử khi di chuột | Thử nó |
| w3-hover-thang độ xám | Thêm hiệu ứng đen trắng (thang độ xám 100%) vào một phần tử | Thử nó |
| w3-hover-sepia | Thêm hiệu ứng màu nâu đỏ vào một phần tử khi di chuột | Thử nó |
| w3-hover-none | Loại bỏ hiệu ứng di chuột khỏi một phần tử | Thử nó |
Lớp học vòng
| Lớp học | Định nghĩa | |
|---|---|---|
| vòng w3 | Phần tử được làm tròn (bán kính đường viền) 4px | Thử nó |
| w3-tròn-nhỏ | Phần tử được làm tròn (bán kính đường viền) 2px | Thử nó |
| w3-vòng-trung bình | Phần tử được làm tròn (bán kính đường viền) 4px | Thử nó |
| w3-tròn-lớn | Phần tử được làm tròn (bán kính đường viền) 8px | Thử nó |
| w3-vòng-xlarge | Phần tử được làm tròn (bán kính đường viền) 16px | Thử nó |
| w3-round-xxlarge | Phần tử được làm tròn (bán kính đường viền) 32px | Thử nó |
Lớp đệm
| Lớp học | Định nghĩa | |
|---|---|---|
| w3-đệm-nhỏ | Đệm trên và dưới 4px, trái và phải 8px. | Thử nó |
| phần đệm w3 | Đệm trên và dưới 8px, trái và phải 16px. | Thử nó |
| w3-đệm-lớn | Đệm trên và dưới 12px, trái và phải 24px. | Thử nó |
| w3-đệm-16 | Đệm 16px trên và dưới | Thử nó |
| w3-đệm-24 | Đệm 24px trên và dưới | Thử nó |
| w3-đệm-32 | Đệm 32px trên và dưới | Thử nó |
| w3-đệm-48 | Đệm 48px trên và dưới | Thử nó |
| w3-đệm-64 | Đệm 64px trên và dưới | Thử nó |
| w3-đệm-top-64 | Đệm 64px ở trên cùng | Thử nó |
| w3-đệm-top-48 | Đệm 48px ở trên cùng | Thử nó |
| w3-đệm-top-32 | Đệm 32px ở trên cùng | Thử nó |
| w3-đệm-top-24 | Đệm 24px ở trên cùng | Thử nó |
Các lớp ký quỹ
| Lớp học | Định nghĩa | |
|---|---|---|
| lề w3 | Thêm lề 16px vào một phần tử | Thử nó |
| w3-lề-top | Thêm lề trên 16px vào một phần tử | Thử nó |
| w3-lề-phải | Thêm lề phải 16px vào một phần tử | Thử nó |
| w3-lề-đáy | Thêm lề dưới 16px vào một phần tử | Thử nó |
| w3-lề-trái | Thêm lề trái 16px vào một phần tử | Thử nó |
| phần w3 | Thêm lề trên và dưới 16px vào một phần tử | Thử nó |
Lớp biên giới
| Lớp học | Định nghĩa | |
|---|---|---|
| đường viền w3 | Đường viền (trên, phải, dưới, trái) | Thử nó |
| w3-biên-top | Đường viền trên cùng | Thử nó |
| w3-biên-phải | Biên giới bên phải | Thử nó |
| w3-viền-đáy | viền dưới | Thử nó |
| w3-biên-trái | Đường viền trái | Thử nó |
| w3-biên giới-0 | Loại bỏ tất cả các đường viền | Thử nó |
| w3-viền- màu | Hiển thị mọi đường viền được xác định bằng một màu được chỉ định (như màu đỏ, v.v.) | Thử nó |
| thanh dưới cùng w3 | Thêm đường viền dày phía dưới (thanh) vào một phần tử | Thử nó |
| w3-thanh bên trái | Thêm đường viền dày bên trái (thanh) vào một phần tử | Thử nó |
| w3-thanh bên phải | Thêm đường viền dày bên phải (thanh) vào một phần tử | Thử nó |
| w3-topbar | Thêm đường viền dày trên cùng (thanh) vào một phần tử | Thử nó |
| w3-hover-border- màu | Màu đường viền có thể di chuột | Thử nó |
