Thuộc tính Outline trong CSS quản lý được sử dụng nhanh nhất để định dạng tốt nhất các đường viền bao bên ngoài tất toán , làm nổi bật phần tử thanh toán . Tham khảo tiếp bài học CSS kinh nghiệm dưới đây kinh nghiệm của Chúng tôi giảm giá để tìm hiểu chi tiết thuộc tính Outline trong CSS.
Mục Lục bài viết:
1 qua app . Thuộc tính Outline trong CSS
1.1 như thế nào . Thuộc tính outline-style trong CSS
1.2 hướng dẫn . Thuộc tính outline-color
1.3 khóa chặn . Thuộc tính outline-width
1.4 thanh toán . Thuộc tính outline rút gọn
1.5 tải về . Thuộc tính outline-offset
1.6 download . Các thuộc tính Outline trong CSS
1 giảm giá . Thuộc tính Outline trong CSS
Các thuộc tính Outline trong CSS tối ưu bao gồm:
- Thuộc tính outline-style
- Thuộc tính outline-color
- Thuộc tính outline-width
- Thuộc tính outline-offset
- Thuộc tính outline
1.1 Thuộc tính outline-style trong CSS
Thuộc tính outline-style trong CSS xác định style ở đâu tốt , hình dạng nạp tiền của đường outline kiểm tra . Các giá trị danh sách của thuộc tính này tổng hợp có thể là:
dotted - đường viền outline là dấu chấm.
dashed - đường viền outline là nét đứt.
solid - đường viền outline là nét liền.
double - đường viền outline là 2 nét.
groove - đường viền outline là đường viền rãnh 3D.
ridge - xác định đường viền cho đường chóp.
inset - xác định đường viền cho đường bóng bên trong.
outset - xác định đường viền cho đường bóng bên ngoài.
none -không có đường viền.
hidden - xác định đường viền ẩn.
Ví dụ:
Kết quả đầu ra có dạng như nạp tiền dưới đây:
1.2 Thuộc tính outline-color
Thuộc tính outline-color qua app được sử dụng tối ưu để thiết lập màu sắc cho đường viền bao bên ngoài.
Giá trị màu sắc giá rẻ được thiết lập xóa tài khoản bởi:
- Name: chỉ định tên một màu bất kỳ kiểm tra , chẳng hạn như red.
- Hex: chỉ định giá trị hex vô hiệu hóa , chẳng hạn như #ff0000.
- RBG: chỉ định giá trị RBG tối ưu , chẳng hạn như rgb(255,0,0).
- invert: tạo màu đảo ngược.
Ví dụ 1:
Ví dụ qua app dưới đây thiết lập 4 màu sắc khác nhau cho 4 đường bao:
Kết quả đầu ra có dạng như quản lý dưới đây:
Ví dụ 2:
Ví dụ kỹ thuật dưới đây sử dụng outline-color: invert nạp tiền để tạo màu đảo ngược.
Kết quả đầu ra có dạng như dữ liệu dưới đây:
1.3 Thuộc tính outline-width
Thuộc tính outline-width xác định chiều rộng giá rẻ của đường bao mật khẩu . Thuộc tính tổng hợp bao gồm quản lý các giá trị:
- thin (thường là 1px)
- medium (thường là 3px)
- thick (thường là 5px)
- Kích thước cụ thể (đơn vị px hỗ trợ , pt tự động , cm kích hoạt , em dữ liệu , ...)
Ví dụ:
Kết quả đầu ra có dạng như nơi nào dưới đây:
1.4 Thuộc tính outline rút gọn
Thuộc tính outline rút gọn thiết lập nhanh nhất tất cả dịch vụ các thuộc tính mẹo vặt dưới đây trong một khai báo:
- Thuộc tính outline-width.
- Thuộc tính outline-style (bắt buộc).
- Thuộc tính outline-color.
Ví dụ:
Kết quả đầu ra có dạng như kỹ thuật dưới đây:
1.5 Thuộc tính outline-offset
Thuộc tính outline-offset xác định khoảng cách giữa đường bao outline dịch vụ và vùng tổng hợp hoặc đường viền quản lý của phần tử.
Ví dụ:
Kết quả đầu ra có dạng như miễn phí dưới đây:
1.6 qua mạng . Các thuộc tính Outline trong CSS
Dưới đây là bảng danh sách nơi nào các thuộc tính Outline trong CSS:
https://thuthuat.taimienphi.vn/thuoc-tinh-outline-trong-css-50606n.aspx
Bài học CSS trên đây Chúng tôi vừa giới thiệu cho bạn qua mạng các thuộc tính Outline trong CSS nơi nào . Trong xóa tài khoản các bài học tăng tốc tiếp theo Chúng tôi mật khẩu sẽ giới thiệu tiếp cho bạn xóa tài khoản các thuộc tính tùy chỉnh kích thước trong CSS tự động nhé.
4.9/5 (78 votes)
