/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 vote174 views2 answers
Media max height css
CSS
6 votes243 views5 answers
Bootstrap icons
CSS Bootstrap
2 votes167 views1 answer
Three dots in css
CSS
1 vote172 views1 answer
Gatsby hide scrollbar
CSS
1 vote173 views2 answers
How to convert FormData (HTML5 object) to JSON
CSS
0 vote206 views1 answer
Css select first immediate child
CSS
0 vote175 views1 answer
Input type (submit, button, reset) css
CSS
0 vote172 views1 answer
Resource interpreted as Document but transferred with MIME type application/zip\
CSS
0 vote182 views1 answer
Javascript select element that does not have attribute
CSS
33 votes178 views6 answers
Gradient css
CSS