THÔNG TIN TÀI LIỆU
http://vietjack.com/css/index.jsp Copyright © vietjack.com Border Image CSS Thuộc tính Border Image CSS sử dụng để thêm hình ảnh xuất đường viền cho phần tử Bạn không cần sử dụng HTML code để gọi Border Image Cú pháp đơn giản cho Border Image sau: #borderimg { border: 10px solid transparent; padding: 15px; } Dưới số giá trị sử dụng chủ yếu: Giá trị Miêu tả border-image-source Thiết lập đường dẫn tới vị trí bạn lưu giữ hình ảnh border-image-slice Được sử dụng để cắt Border Image thành miếng mỏng border-image-width Thiết lập độ rộng cho Border Image border-image-repeat Nhận giá trị round, repeat stretch để tạo hiệu tương ứng cho Border Image Ví dụ Ví dụ minh họa cách thiết lập hình ảnh thành Border cho phần tử sử dụng giá trị #borderimg1 { border: 10px solid transparent; padding: 15px; border-imagesource: url( /css/images/border.png); border-image-repeat: round; border-image-slice: 30; border-image-width: 10px; } #borderimg2 { border: 10px solid transparent; padding: 15px; border-image-source: url( /css/images/border.png); border-image-repeat: round; border-image-slice: 30; border-image-width: 20px; } #borderimg3 { border: 10px solid transparent; padding: 15px; borderimage-source: url( /css/images/border.png); border-image-repeat: round; border-image-slice: 30; border-image-width: 30px; } Vi du ve thuoc tinh border-image CSS.
Vi du ve thuoc tinh border-image CSS.
Vi du ve thuoc tinh border-image CSS.
Kết là: Vi du ve thuoc tinh border-image CSS Vi du ve thuoc tinh border-image CSS Vi du ve thuoc tinh border-image CSS http://vietjack.com/ Trang chia sẻ các bài học online miễn phí ... id="borderimg3">Vi du ve thuoc tinh border- image CSS. Kết là: Vi du ve thuoc tinh border- image CSS Vi du ve thuoc tinh border- image CSS Vi du ve thuoc tinh border- image
Ngày đăng: 02/12/2017, 14:43
Xem thêm: