<style>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
<style> SVG cho phép nhúng stylesheet trực tiếp vào trong nội dung SVG.
Note:
Phần tử style của SVG có cùng các thuộc tính như phần tử tương ứng trong HTML (xem phần tử <style> của HTML).
Ngữ cảnh sử dụng
| Categories | None |
|---|---|
| Permitted content | Any elements or character data |
Thuộc tính
type-
Thuộc tính này định nghĩa kiểu ngôn ngữ stylesheet sẽ dùng dưới dạng một chuỗi kiểu media. Kiểu giá trị:
<media-type>; Giá trị mặc định:text/css; Có thể hoạt ảnh: không media-
Thuộc tính này định nghĩa stylesheet áp dụng cho
medianào. Kiểu giá trị:<media-query-list>; Giá trị mặc định:all; Có thể hoạt ảnh: không title-
Thuộc tính này là tiêu đề của stylesheet, có thể được dùng để chuyển đổi giữa alternate style sheets. Kiểu giá trị:
<string>; Giá trị mặc định: không có; Có thể hoạt ảnh: không
Giao diện DOM
Phần tử này triển khai giao diện SVGStyleElement.
Ví dụ
<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
<style>
circle {
fill: gold;
stroke: maroon;
stroke-width: 2px;
}
</style>
<circle cx="5" cy="5" r="4" />
</svg>
Đặc tả
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # StyleElement |