/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

6 votes201 views2 answers
Html table scrollable body fixed header
CSS
20 votes237 views2 answers
Bootstrap screen sizes
CSS Bootstrap
1 vote203 views2 answers
Place items
CSS
47 votes182 views5 answers
Nth-child() css
CSS
2 votes180 views4 answers
Css zoom
CSS
0 vote242 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
0 vote182 views1 answer
Flexbox 3 columns
CSS
7 votes183 views3 answers
Css all except last
CSS
12 votes140 views3 answers
Css display grid
CSS
0 vote184 views2 answers
Writing mode css
CSS