5 CSS properties you may not be using.

5 CSS properties you may not be using.

ยท

2 min read

CSS has number of properties and you can create some amazing things out of it.

We are all aware of the basic properties. But do you know about some of its hidden gems that'll surely blow your mind?

In this article, we'll cover some amazing properties which are not commonly used.

  • Caret Color

The caret-color property specifies the color of the cursor(caret) in inputs, textareas, or any element that is editable.

The caret is typically a thin vertical line that flashes to help make it more noticeable.

carbon (5).png

  • Backface visibility

The backface-visibility property defines whether or not the back face of an element should be visible when facing the user.

The default for backface-visibility is visible. Instead of it being visible, you can even hide it.

carbon (6).png

  • Tab-size

The tab-size property specifies the width of a tab character.

The default value for the tab-size property is 8 space characters, and it can accept any positive integer value.

carbon (7).png

  • Isolation

The isolation property defines whether an element must create a new stacking content.

Stacking content refers to how elements on a webpage appear to sit on top of other elements.

carbon (8).png

  • Resize

The resize property defines if and how an element is resizable by the user.

You can simply resize the element by clicking and dragging the bottom right corner of the element.

This property does not apply to inline elements or to block elements where overflow is set to visible.

carbon (9).png

We can do pretty much everything with CSS.

The End !

I hope you found this article valuable. If yes do let me know in the comments ๐Ÿ˜Š

Also if you got any question feel free to ping me on Twitter.

Did you find this article valuable?

Support Insha's Blog by becoming a sponsor. Any amount is appreciated!

ย