/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 vote280 views1 answer
Centrizing a table with css
CSS
0 vote292 views1 answer
Apply image as full screen responsive background
CSS
0 vote301 views1 answer
Css box-shadow over other elements
CSS
43 votes262 views6 answers
Nth-child in css
CSS
0 vote318 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
0 vote321 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
4 votes278 views2 answers
Transition various properties css
CSS
13 votes302 views4 answers
Reduce image size css
CSS
0 vote297 views1 answer
Repartir div vertical ecran css
CSS
0 vote278 views2 answers
Make img black and white css
CSS