/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 vote207 views1 answer
Box style
CSS
0 vote67 views1 answer
Img grows up onmouseover css
CSS
0 vote153 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
0 vote107 views1 answer
Underlined style for a link
CSS
5 votes102 views1 answer
Transform multiple css
CSS
0 vote103 views1 answer
Name attribute css doesn't work
CSS
3 votes104 views3 answers
Responsive text css
CSS
0 vote114 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
0 vote105 views1 answer
Vue scoped scss media query
CSS
1 vote108 views1 answer
Css font-variant
CSS