Inme-çizgi kapağı - CSS Hileleri

Anonim

CSS'deki stroke-linecapözellik, SVG şekillerindeki bir sınırın başlangıç ​​ve bitiş noktalarını ayarlamak içindir.

.module ( stroke-linecap: round; )

Hatırlamak:

  • Bu , bir sunum özelliğini geçersiz kılar
  • Bu , satır içi stili geçersiz kılmaz, örneğin

Değerler

stroke-linecapÖzellik aşağıdaki değerleri kabul edebilir:

  • butt (varsayılan): darbeyi 90 derecelik keskin bir açıyla bitirir
  • square: buttkonturu yolun uzunluğunun ötesine uzatması dışında
  • round: başlangıç ​​ve bitiş noktalarını yumuşatan bir yarıçap ekler; stroke-width

CodePen'de CSS-Tricks (@ css-tricks) tarafından Kalem strok-linecap özelliğine bakın.

İlişkili

  • stroke
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-width

Daha fazla bilgi

  • SVG 1.1 Özellikleri
  • Dolgular ve konturlarda MDN

Tarayıcı Desteği

Krom Safari Firefox Opera IE Android iOS
Evet Evet Evet Evet 9+ 4.4+ Evet