Position Elements in CSS Fast | CSS Shorthand Properties | Advanced CSS | New CSS Features

Every project has elements that use CSS positions like absolute or fixed. Elements that use CSS positions have left, right, top, bottom CSS properties to align properly. Specially while centering elements in a div, this is common practice to use CSS position and left, right, top, bottom CSS properties along with that. I have used a div with class box in video. It's using fixed position. We can use left, right, top, bottom to align the box. Div is at a certain distance from left, right top and bottom sides of available space. So we have used left, right, bottom and top CSS properties. But there is an easy way to do that.

Inset CSS property is one of new CSS features and is advanced CSS property. CSS shorthand properties makes you code fast. Inset CSS property is a shorthand that corresponds to the top, right, bottom, and/or left properties. Just like we use margin or padding, we can use inset CSS property. You can use specify value in pixels, percentage or in any other way like shown in video. It's got amazing browser support as well. So if you are not using inset CSS property, stop using left, right, top, bottom from today and start using inset.

Thank You!
👍 LIKE VIDEO
👊 SUBSCRIBE
🔔 PRESS BELL ICON
✍️ COMMENT

#css #webdevelopment #csstutorial #tutorials #webstylepress #cssposition #htmlcss