Làm thế nào để thêm hình ảnh xuất hiện trên đường viền cho các phần tử trong CSS3?
Trả lời:
Đáp án đúng: C
Đáp án đúng là C. border-image: url(border.png) 30 30 round;
Giải thích:
Thuộc tính `border-image` trong CSS3 cho phép bạn sử dụng một hình ảnh làm đường viền cho một phần tử HTML. Cú pháp chung của thuộc tính này như sau:
`border-image: source slice width outset repeat;`
Trong đó:
- `source`: Đường dẫn đến hình ảnh sẽ được sử dụng làm đường viền.
- `slice`: Chỉ định cách chia hình ảnh thành 9 phần: 4 góc, 4 cạnh và phần giữa. Các giá trị này xác định khoảng cách từ các cạnh của hình ảnh vào phía trong.
- `width`: Độ rộng của đường viền. Nếu bỏ qua, giá trị này sẽ được lấy từ `border-width`.
- `outset`: Khoảng cách mà vùng đường viền mở rộng ra ngoài hộp phần tử.
- `repeat`: Xác định cách các cạnh của hình ảnh đường viền được lặp lại hoặc kéo giãn để phù hợp với kích thước của phần tử. Các giá trị có thể là `stretch`, `repeat`, hoặc `round`.
Trong phương án C:
- `url(border.png)`: Chỉ định hình ảnh `border.png` sẽ được sử dụng.
- `30 30`: Chỉ định rằng hình ảnh sẽ được chia thành các phần, với 30 pixel từ mỗi cạnh được sử dụng làm góc và cạnh của đường viền.
- `round`: Chỉ định rằng các cạnh của hình ảnh sẽ được lặp lại để phù hợp với kích thước của phần tử, mà không bị kéo giãn.
Câu hỏi liên quan
FORM.08: Bộ 130+ Biểu Mẫu Thống Kê Trong Doanh Nghiệp
FORM.07: Bộ 125+ Biểu Mẫu Báo Cáo Trong Doanh Nghiệp
FORM.06: Bộ 320+ Biểu Mẫu Hành Chính Thông Dụng
FORM.05: Bộ 330+ Biểu Mẫu Thuế - Kê Khai Thuế Mới Nhất
FORM.04: Bộ 240+ Biểu Mẫu Chứng Từ Kế Toán Thông Dụng
