/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 vote270 views1 answer
To make the content of the select2 RTL or LTR
CSS
0 vote294 views1 answer
Mat radio button color
CSS
0 vote267 views1 answer
Tailwind css ui dropdown
CSS
7 votes283 views6 answers
Font style css
CSS
18 votes284 views5 answers
Col-md-6 bootstrap
CSS
28 votes286 views6 answers
Background image react
CSS
56 votes270 views6 answers
How to center divs in css
CSS
0 vote271 views1 answer
Understanding 'space' in css selector
CSS
0 vote281 views1 answer
Prevent css animation reset
CSS
0 vote274 views1 answer
Define keyframes with javascript
CSS