/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

0 vote351 views1 answer
Feature detect css
CSS
44 votes343 views6 answers
Select odd child css
CSS
66 votes353 views6 answers
Margin css
CSS
5 votes319 views1 answer
How to create a shape in css
CSS
0 vote336 views1 answer
Daphne vs gunicorn
CSS
2 votes337 views1 answer
Bootstrap dark mode
CSS
0 vote347 views1 answer
CSS - The Class Selectors
CSS
16 votes368 views4 answers
Full page background image in html
CSS
0 vote355 views1 answer
Css grid first child
CSS
0 vote342 views1 answer
Css mauszeiger ändern
CSS