Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
20. CSS Padding And Margin - Full stack web development Tutorial Course
Play lesson

Full Stack Web Development Tutorial Course - 20. CSS Padding And Margin - Full stack web development Tutorial Course

4.0 (3)
36 learners

What you'll learn

This course includes

  • 26.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

In this FullStackWebDevelopment tutorial video, We are going to learn how to work with #CSS #margins and #paddings. What margin does is it creates space around an element and what padding does is it creates space within an element. Margin is a shorthand property for the following properties- margin-top, margin-right, margin-bottom, margin-left. You can set the margin property to auto to horizontally centre the element within its container. All the margin properties can have the following values: -- auto - the browser calculates the margin -- length - specifies a margin in px, pt, cm, etc. -- % - specifies a margin in % of the width of the containing element -- inherit - specifies that the margin should be inherited from the parent element Negative values are allowed. Similarly, padding is also a shorthand property for padding-top, padding-right, padding-bottom and padding-left. It always goes in a clockwise direction starting from the top.All the padding properties can have the following values: -- length - specifies padding in px, pt, cm, etc. -- % - specifies padding in % of the width of the containing element -- inherit - specifies that the padding should be inherited from the parent element ---------------------------------------------------------- Week 1: Day 4 Section 3: Intermediate CSS Tutorial 20: CSS Padding And Margin ---------------------------------------------------------- Do subscribe and hit Bell Icon ---------------------------------------------------------- Follow us in social media handles for opportunities and code related support. Instagram: https://www.instagram.com/wb.web/ Facebook: https://www.facebook.com/wbweb/ Twitter: https://twitter.com/wbweb_in/ LinkedIn: https://www.linkedin.com/company/wbweb/ Be our Exclusive student / Patreon to receive Exclusive Coding Tips and Freelancing opportunities Patrons: https://www.patreon.com/wbweb ---------------------------------------------------------- Got a question on the topic? Please share it in the comment section below and our experts will answer it for you. For more information, please write back to us at [email protected] or call us at IND: 7077568998 After completing the course, write to [email protected] for an internship or Full stack web development based freelancing opportunities. For consultation or partnership, related queries drop a mail to [email protected].

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere