Thread by @Prathkum

10 CSS properties you probably haven't heard of them yet

🧵👇🏻

1️⃣ all

The all property resets all properties, apart from unicode-bidi and direction, to their initial or inherited value.

"all" accepts following values

- initial
- inherit
- unset

2️⃣ 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 blinking line in input field that indicates that user can write something here

3️⃣ direction

The direction property specifies the text direction/writing direction within a block-level element.

For example, rtl stands for right to left

4️⃣ font-kerning

The font-kerning property controls the usage of the kerning information stored in a font.

kerning is the process of adjusting the spacing between characters

5️⃣ hyphens

The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines

Open this link for better understanding
developer.mozilla.org/en-US/docs/Web…

6️⃣ image-rendering

Gives a hint to the browser about what aspects of an image are most important to preserve when the image is scaled

7️⃣ isolation

The isolation CSS property determines whether an element must create a new stacking context.

* Useful when used with blend mode

8️⃣ quotes

The quotes property sets the type of quotation marks for quotations

9️⃣ user-select

The user-select property specifies whether the text of an element can be selected or not

🔟 resize

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

For example, resize: both; specifies that the height and width both are resizeable