XHTML and CSS Tutorial – 22 – Border

Facebook –
GitHub –
Google+ –
LinkedIn –
reddit –
Support –
thenewboston –
Twitter –






29 responses to “XHTML and CSS Tutorial – 22 – Border”

  1. Bongo Cat Avatar

    the borders buckey is talking about @1:45

    ridge – Defines a 3D ridged border. The effect depends on the border-color value
    dotted – Defines a dotted border
    dashed – Defines a dashed border
    solid – Defines a solid border
    double – Defines a double border
    groove – Defines a 3D grooved border. The effect depends on the border-color value
    inset – Defines a 3D inset border. The effect depends on the border-color value
    outset – Defines a 3D outset border. The effect depends on the border-color value
    none – Defines no border
    hidden – Defines a hidden border

    p.dotted {border-style: dotted;}

  2. Parag Kulkarni Avatar

    Hey guys , do these tutorial still relevant? I mean are they still useful for web designing?

  3. swapnil kaushal Avatar

    Bucky its hyphen not minus

  4. tega enajekpo Avatar

    I will build a great border and css will pay for that border.

  5. rohan nikam Avatar

    can u pls make video on marquee tag in HTML ?

  6. Rayid Mojumder Avatar

    How will I practice this tutorials? After each one or all?

  7. Mohammad Sahil Avatar

    i gave the one thousandth like 🙂

  8. issiah tate Avatar

    bro said mexican-US border but didn't mention a wall??!?! TRIGGERED.

  9. Vanilla Dazzle Avatar

    us-border-bottom-style: dotted;
    please change to solid

  10. rfjgfude Avatar

    LMAO, Not the Mexican -US border!

  11. J. Alan Bautista Avatar

    I seem to be getting an error message whenever I do the padding it creates and extra line at the bottom anyhelp with fixing that?

  12. sutapa maity Avatar

    if i save it as xhtml file means the extension ,then its becoming error. help me.

  13. Daniel Kondrashevich Avatar


    If your border doesn't work, you have to do it the shorthand way. It fixed it. Here is the format.

    border: (pixels) (border-type) (color).

    border: 3px dashed green;
    border-top: 5px solid red;
    border: 6px dotted yellow;

    etc. hope this helps!

  14. adarsh!!!! ????!!!! Avatar

    We don't need coupons to love Bucky, do we…

  15. Aashirwad Kashyap Avatar


  16. Malla Aravind Avatar

    how to adjust border thickness?

  17. Vicky Mukherjee Avatar

    It explains in more detailed way than Codecademy

  18. Hussain Shaikh Avatar

    how to use the Downloaded Font's in html

  19. C G O Avatar

    you actually can just type away "border : red 10px dotted" . There's also box-shadow, which is pretty cool.

  20. kristinarayart Avatar

    What a cute green line made of hyphens! xD

  21. Jason Blesing Avatar

    Guys, I discovered that commenting in CSS makes the code not work.

  22. Slicer9875 Avatar

    I figured out why the border attributes don't work as specified if done individually. If you're not doing the border like border: 1px dashed red; , then you have to put specify the border width first. Then you can put the color before or after the style and it will work. What I mean is shown below.  For safety, the first one does make more sense, but there shouldn't be any difference. 
     border-width:3px; border-style:dashed; border-color:red;
     border-width:3px; border-color:red; border-style:dashed;

  23. Irakli K Avatar

    pretty sweet huh?  very useful indeed

  24. Adit Joshi Avatar

    i think its the best css tut.. (y)

  25. ECHOO SUI Avatar

    what if you have another <h2> I love ??? </h2> but wanting a different color and paddings. you can't declare "h2" again right? cuz it will apply to both h2s. Then how do we do it? 

  26. Jordan Alexo Avatar

    Hi the Bucky, great videos you have here. I already learned a lot from you. Thanks. Anyway, I tried the following code:

    border: 1px solid red;

    Before you said anything, just to see if it worked and it did. Is that also okay too?

  27. THE Vigilante Avatar

    i have a new appreciation for the "options" menus in video games.

  28. vijeth AG Avatar

    "not the mexican US border"  rofl

  29. khorshed mostafa Avatar

    From Egypt Thanx 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *