DEV Community

Aya Bouchiha
Aya Bouchiha

Posted on

10 2

Part 2: 5 cool CSS properties

Hi, I'm Aya Bouchiha, and this is part 2 of 5 cool CSS properties.

quotes

  • quotes: helps you to chose the quotation marks for a quote element.

scroll-behavior

  • scroll-behavior: specifies whether to smoothly animate the scroll position, instead of a straight jump, when the user clicks on a link within a scrollable box.more info

user-select

  • user-select: used to allow or deny the user to select content like a text, image...

writing-mode

  • writing-mode: allows you to specify the writing mode (horizontal-tb, vertical-lr, vertical-rl)

text-overflow

  • text-overflow: defines the way that the overflowed content should be displayed.

Summary

  • scroll-behavior: specifies whether to smoothly animate the scroll position, instead of a straight jump, when the user clicks on a link within a scrollable box.
  • quotes: helps you to chose the quotation marks for a quote element.
  • user-select: used to allow or deny the user to select content like a text, image...
  • writing-mode: allows you to specify the writing mode (horizontal-tb, vertical-lr, vertical-rl)
  • text-overflow: defines the way that the overflowed content should be displayed.

Reference

Suggested Posts

Have a great day!

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay