/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

21 votes107 views6 answers
Gradient image css
CSS
164 votes159 views6 answers
Box-shadow css
CSS
0 vote112 views1 answer
How to remove default padding of div
CSS
1 vote103 views3 answers
Space between items in css
CSS
9 votes92 views2 answers
Box shadow as border
CSS
1 vote117 views2 answers
How to middle fixed element
CSS
1 vote141 views1 answer
How to change button gradient
CSS
35 votes111 views6 answers
Ellipsis
CSS
0 vote97 views1 answer
Video camera icon font awesome
CSS
17 votes109 views2 answers
Css horizontal linear gradient
CSS