/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

12 votes245 views6 answers
Wordpress enqueue script
CSS
0 vote205 views1 answer
SCSS Auto link coloured button style
CSS
0 vote274 views1 answer
Html how to ensure that the header always on top
CSS
0 vote194 views2 answers
Text-align: left; width: 100%;
CSS
7 votes197 views4 answers
How to crop images in css
CSS
0 vote305 views2 answers
Google font smooth
CSS
2 votes188 views1 answer
Table add margin between rows
CSS
0 vote197 views1 answer
Mat-form-field textarea save with new line
CSS
0 vote199 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
0 vote231 views5 answers
SVG color
CSS