/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 vote340 views1 answer
Cs cirlce
CSS
0 vote351 views1 answer
Twig convert encoding
CSS
23 votes363 views5 answers
Flip image css
CSS
22 votes435 views2 answers
React bootstrap carousal not working
CSS Bootstrap
0 vote384 views2 answers
Change color select arrow css cf7
CSS
0 vote377 views2 answers
Dont break word css
CSS
29 votes372 views6 answers
Background size in css
CSS
4 votes357 views1 answer
Space-x css
CSS
29 votes405 views6 answers
Css animation
CSS
1 vote344 views3 answers
Css profile picture round
CSS