Đột quỵ - Thủ thuật CSS

Anonim

Các strokebất động sản trong CSS là để thêm một đường viền cho hình dạng SVG.

.module ( stroke: black; )

Nhớ lại:

  • Điều này sẽ ghi đè một thuộc tính trình bày
  • Điều này sẽ không ghi đè một kiểu nội tuyến, ví dụ:

Giá trị

Các strokebất động sản có thể chấp nhận bất kỳ giá trị màu CSS.

  • Màu được đặt tên - orange
  • Màu hệ lục phân - #FF9E2C
  • Màu RGB và RGBa - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • Màu HSL và HSLa - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Đủ tuyệt vời, strokecũng chấp nhận các mẫu hình dạng SVG được xác định bên trong một defsphần tử:

.module ( stroke: url(#pattern); )

Xem thuộc tính Nét bút của CSS-Tricks (@ css-trick) trên CodePen.

Có liên quan

  • fill
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-linecap
  • stroke-width

Thêm thông tin

  • Thông số SVG 1.1
  • MDN về điền và nét

Hỗ trợ trình duyệt

Trình duyệt Chrome Safari Firefox Opera I E Android iOS
Đúng Đúng Đúng Đúng 9+ 4.4+ Đúng