Skip to content

DEV Community

5 Hidden CSS Properties You Didn't Know Existed

Poetry Of Code on April 22, 2024

Cascading Style Sheets (CSS) are the backbone of web design, allowing developers to style and format web pages with ease. While most developers are...

Read full post

Schemetastic (Rodrigo) • Apr 23

Really cool post!

Poetry Of Code • Apr 23

Glad you loved Rodrigo!
Which one you like the most?

Schemetastic (Rodrigo) • Apr 23

scroll-margin-top I think... because I use smooth scroll and that property seems very useful for that... and object-fit with object-position seems very useful for certain type of backgrounds where you need more control than background-size: cover

Poetry Of Code • Apr 23

Good point, scroll-margin-top works together with scroll-behavior: smooth;

Schemetastic (Rodrigo) • Apr 23

See ya in a next post I hope 😉

Poetry Of Code • Apr 23

100%

Schemetastic (Rodrigo) • Apr 23 • Edited

Hey, then, the next time you make an interesting post write me at my Instagram @schemetastic or email me hello@schemetastic.com. So I don't miss it.

Poetry Of Code • Apr 23

Sure

MexiKode ⚙ • Apr 24

I would add the "all" property that lets you reset styles and remove browser styling.
Other interesting props:
Aspect ratio
Font Variant
Isolation
Contain

Poetry Of Code • Apr 24

_Those are fantastic additions! _
Thanks

Masud Al Imran • Apr 28 • Edited

Thanks to text-underline-offset I wont have to write this anymore.

border-bottom: **
padding-bottom:**

Poetry Of Code • Apr 28

These small improvements, make our lives easier.

I really needed the scroll-margin-top ! I solved it in another way but this is very useful to know!

Poetry Of Code • May 1

It's fantastic to hear that scroll-margin-top came in handy for you!

Khaled Md Saifullah • Apr 26

Great post....👏👏👏👏

Poetry Of Code • Apr 26

Glad to hear that you loved it.

Md. Shoriful Islam • May 1

thats really awesome

Poetry Of Code • May 1

It's great to hear you're enjoying it.

farid • May 1

Thanks, scroll-margin-top is totally new to me

Poetry Of Code • May 1

It's always exciting to discover new CSS tricks

Dev Sk • Apr 29

Cool 😎

Poetry Of Code • Apr 29

Glad you think so!

Eckehard • May 5

5 ? There are at least 500 I do not know exist... The question is, how to find them when needed.

Poetry Of Code • May 5

You're absolutely right! Keep exploring, and you'll be amazed at what you find!

Borzoo Moazami • Apr 25

Usefull properties, thank you 🙏🏻

Poetry Of Code • Apr 25

I'm glad you found the properties helpful

Vladimir Varbanov • Apr 24

Super nifty tips. Tank you!

Poetry Of Code • Apr 24

You're very welcome! I'm glad you found the tips helpful. Happy coding!

Rodolfo Silva • May 1

this was awesome! thanks !

Poetry Of Code • May 1

Glad you found it awesome

Podcast Launch Strategy • Apr 23

Good post!

Poetry Of Code • Apr 23

Glad you loved it.

MohtashimAli85 • Apr 26

only object position property was new for me others I already know.
Still thanks for sharing

Poetry Of Code • Apr 26

It's great to hear that you found the information valuable, even if you were already familiar with some of the properties.

Jace Chou • Apr 25

Nice~

Poetry Of Code • Apr 25

Thanks for the vibe!

Vishnu Sharma • Apr 24

nice

Poetry Of Code • Apr 24

I'm glad you liked it.

Peter • Apr 24

Wow!! It is pretty cool. I love text-underline-offset

Poetry Of Code • Apr 24

Sure thing!

Vuthy YIB • Apr 23

Useful post

Poetry Of Code • Apr 23

Thanks

Mr.P1630n • Apr 23

Amazing Article, learned a lot!

Poetry Of Code • Apr 23

Glad to hear it.