/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 votes119 views4 answers
Change border highlight color on an input text element
CSS
2 votes132 views1 answer
Css resize image without distortion
CSS
-1 vote177 views1 answer
Css comando para poner una imagen como fondo en html
CSS
7 votes113 views3 answers
Border width css
CSS
2 votes123 views1 answer
Width 100% with padding
CSS
0 vote114 views1 answer
Hide navbar css
CSS
0 vote131 views1 answer
Adding diffent style in firefox css
CSS
1 vote135 views1 answer
Circle css with text in the center
CSS
1 vote119 views1 answer
Pagination html css how to working
CSS
5 votes120 views3 answers
Keep background image fixed during scroll using css
CSS