5 CSS properties you don’t know

CSS has a large number of properties and you can create amazing things from it.

We are all aware of the basic properties, but do you not know about some of its hidden gems , that’ll surely blow your mind?!
In this article, we’ll cover some amazing pro…


This content originally appeared on DEV Community and was authored by Justice-hub

CSS has a large number of properties and you can create amazing things from it.

We are all aware of the basic properties, but do you not 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.

input {
caret-color: red;
}
  • Backface visibility

The backface-visibility 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.

.box {
backface-visibility: hidden;
}
  • Tab-size

The tab-size 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.

pre {
tab-size: 16;
}
  • 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.

#element {
isolation: isolate;
}
  • 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.

textarea {
resize: none; /* Disables resizability */
}

We can do pretty much everything with CSS.


This content originally appeared on DEV Community and was authored by Justice-hub


Print Share Comment Cite Upload Translate Updates
APA

Justice-hub | Sciencx (2022-05-01T21:29:55+00:00) 5 CSS properties you don’t know. Retrieved from https://www.scien.cx/2022/05/01/5-css-properties-you-dont-know/

MLA
" » 5 CSS properties you don’t know." Justice-hub | Sciencx - Sunday May 1, 2022, https://www.scien.cx/2022/05/01/5-css-properties-you-dont-know/
HARVARD
Justice-hub | Sciencx Sunday May 1, 2022 » 5 CSS properties you don’t know., viewed ,<https://www.scien.cx/2022/05/01/5-css-properties-you-dont-know/>
VANCOUVER
Justice-hub | Sciencx - » 5 CSS properties you don’t know. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/05/01/5-css-properties-you-dont-know/
CHICAGO
" » 5 CSS properties you don’t know." Justice-hub | Sciencx - Accessed . https://www.scien.cx/2022/05/01/5-css-properties-you-dont-know/
IEEE
" » 5 CSS properties you don’t know." Justice-hub | Sciencx [Online]. Available: https://www.scien.cx/2022/05/01/5-css-properties-you-dont-know/. [Accessed: ]
rf:citation
» 5 CSS properties you don’t know | Justice-hub | Sciencx | https://www.scien.cx/2022/05/01/5-css-properties-you-dont-know/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.