/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

4 votes185 views1 answer
Resize in css
CSS
0 vote177 views1 answer
Twig data uri
CSS
1 vote139 views1 answer
How to find the key of the largest value hash?
CSS
4 votes184 views6 answers
Css grid
CSS
25 votes207 views4 answers
Css inline hover
CSS
2 votes176 views1 answer
How to set height equal to dynamic width pure css
CSS
1 vote151 views1 answer
Sm size website
CSS
3 votes218 views2 answers
Scss transition
CSS
5 votes185 views1 answer
Css table border-collapse
CSS
1 vote193 views1 answer
Bootstrap word-wrap: break-word;
CSS