/CSS/Shorthand notation of declaring top, right, bottom, left position

Shorthand notation of declaring top, right, bottom, left position

.element {
  inset: 1em 2em 3em 0; /* top right bottom left */
  inset: 10% 5% -10%;   /* top left/right bottom */
  inset: 0 10px;        /* top/bottom left/right */
  inset: 20px;          /* all edges = 20px */
}

Source: css-tricks.com

Similar codes

6 votes328 views3 answers
Input checkbox size
CSS
43 votes331 views4 answers
Text limit in css
CSS
25 votes305 views4 answers
Remove outline
CSS
23 votes308 views5 answers
Align item center flex
CSS
2 votes337 views1 answer
Twig ternaire
CSS
0 vote311 views1 answer
Add more than 2 css jquery
CSS
3 votes318 views2 answers
How to align elements horizontally in css
CSS
1 vote313 views1 answer
Css put span on new line
CSS
6 votes326 views1 answer
Flex change order
CSS
14 votes335 views4 answers
Composer downgrade to version 1
CSS