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

Anonim

Các stroke-linecapbất động sản trong CSS là để thiết lập thời gian bắt đầu và kết thúc điểm của một biên giới về hình dạng SVG.

.module ( stroke-linecap: round; )

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 stroke-linecapbất động sản có thể chấp nhận các giá trị sau:

  • butt (mặc định): kết thúc nét bằng một góc 90 độ rõ nét
  • square: tương tự như buttngoại trừ nó kéo dài nét ra ngoài chiều dài của đường
  • round: thêm bán kính làm mịn điểm bắt đầu và điểm kết thúc, được điều khiển bởi stroke-width

Xem thuộc tính Pen stroke-linecap của CSS-Tricks (@ css-trick) trên CodePen.

Có liên quan

  • stroke
  • stroke-dasharray
  • stroke-dashoffset
  • 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