CSS for beginners 43: padding shorthand property

Опубликовано: 30 Март 2026
на канале: Masterminds Tutorials
94
4

Hi there and welcome! 😊 In this video, we will learn what is padding shorthand property in CSS.

With padding shorthand property we can define all padding properties ( padding-top, padding-right, padding-bottom, and padding-left ) with just one line of code:
➡️ div { padding: 25px 10px 15px 20px; }

For padding shorthand property first value ( 25px in our case ) represents padding top, second value ( 10px ) represents padding right, third value ( 15px ) represents padding bottom, and last or fourth value ( 20px ) represents padding left.

Padding shorthand property can be set in units like px, em, rem, pt, % etc.

💻 If you want to learn how to build websites from the scratch check out our course that is currently on amazing discount :
👉https://www.udemy.com/course/draft/34...

NOTE: Buying of our course you support our channel and we are immensely grateful to you for that! ❤️🙏

📺 For the most recent updates please subscribe on our YouTube channel:
   / @mastermindstutorials7630  

🔔 Hit the notification bell to be notified when videos go live.

👤 You can reach us on social media:
https://www.instagram.com/masterminds...
  / mastermindstut1  

🤝If you want to support our work:
https://www.paypal.com/paypalme/Maste...
  / mastermindstutorials  
Please remember that even little from you means a lot for us. ❤️🙏

❓ Do you have any questions? Feel free to ask us directly on email:
📧 [email protected]

➡️ Please press 👍 button if you like this content and share this video to all that could be interested in this! 🙏

––––––––––––––––––––––––––––––
Music: Spring In My Step - Silent Partner    • Spring In My Step – Silent Partner (No Cop...  
––––––––––––––––––––––––––––––
#CSSBeginners #CSSLearnItFromScratch #padding