/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

1 vote290 views1 answer
Rotate favicon css
CSS
0 vote273 views1 answer
Morphism box shadow
CSS
11 votes292 views1 answer
Wrap none css
CSS
113 votes281 views5 answers
Padding css
CSS
5 votes277 views1 answer
Less sass css
CSS
0 vote302 views1 answer
Spree_digital
CSS
19 votes289 views3 answers
Bootstrap media queries
CSS Bootstrap
4 votes346 views2 answers
How to set text in center in flex item
CSS
0 vote296 views1 answer
Css start animation on hover
CSS
72 votes360 views6 answers
Css center position absolute
CSS