/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 vote192 views1 answer
Select html stop blue border
CSS
0 vote174 views1 answer
Ul change position when restore down
CSS
29 votes176 views9 answers
Traduttore
CSS
2 votes219 views1 answer
Css image to white
CSS
0 vote242 views1 answer
Span to left css
CSS
0 vote188 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
8 votes187 views2 answers
Invert css
CSS
0 vote256 views1 answer
Dxxxxxxx
CSS
0 vote190 views1 answer
Css scroll fixed content
CSS
6 votes227 views2 answers
Css how to prevent horizontal scrolling
CSS