CSS for beginners 69: outline property | OUTLINE vs BORDER

Опубликовано: 19 Июнь 2026
на канале: Masterminds Tutorials
109
8

Hi there and welcome to @Masterminds Tutorials 😊 In this video, we will learn what is outline.

Outline is line that goes around border of HTML element.

At the first glance outline looks the same as border but these are main difference between outline and border:
outline starts where border ends but border always goes around HTML element directly
outline will not affect on page layout but border will
outline can not be set for just specific side ( top, right, bottom or left ) but border can
for outline we can not set rounded corners ( radius property ) but for border we can set it

Common properties for outline and border:
outline-color
outline-style
outline-width

💻 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 #outline