Text decoration

Does anyone knows the logic of text decoration? And no, MDN article didn't help me. Trying to compare the dots underneath the text. Some look like they have more breathing room than others. Why is that? I tried messing around with line-height, padding, properties, img vs no img, still the same.
4 Replies
b1mind
b1mind2y ago
they have their own property sec https://developer.mozilla.org/en-US/docs/Web/CSS/text-underline-offset I love how they say its part of the text-decoration short hand but there is no examples of it lol but sidenote that is ok cause you want to use this to support safari safari almost always rather have the longhand of things I feel ... know that you don't support it but haha but the reason the above is off is cause [G] does sit taller char height I'd just try the offset and uniform it
Myndi
MyndiOP2y ago
Interesting. I assumed there was something, but couldn't find it. Will give it a try then, thanks love
capt_uhu
capt_uhu2y ago
FYI it says pretty clearly that it's not part of the shorthand
text-underline-offset is not part of the text-decoration shorthand
b1mind
b1mind2y ago
o sry I'm thinking of text-underline ? Oh no it is safari oes not like the text-decoration short hand period, not that offset was part of it. my bad https://css-tricks.com/when-to-avoid-css-text-decoration-shorthand/
Want results from more Discord servers?
Add your server