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
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
Interesting. I assumed there was something, but couldn't find it.
Will give it a try then, thanks
FYI it says pretty clearly that it's not part of the shorthand
text-underline-offset is not part of the text-decoration shorthand
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/