Video Transcript

Hi, I'm Omar and I'm a Programmer. In this video, I'm going to show you how to override a table's border style. I get this question a lot and it's actually fairly simple. So, let's go over to my HTML file that I have set up. It's just a Boilerplate HTML code. I have a footer here and I have a table, as you can see on the bottom. The table is just a list of names, Peter Kent, Louise Lane and if you, if we scroll up, you'll see that I have my border of this table set to on pixel and it's solid and it's black. The tables borders are black and each head, header and row, data row is all set to black solid borders. Now, if let's say I want to override this without actually editing this. Let's say, this style was in a different style sheet, so the way, it's a very simple way to do this. In the table tag, just add the words style equals and whichever style you want to change, just, just put the style over, into that style tag. So, let's say I want it to be two pixels, I want it to be dotted and I want it to be red. And I just overrode the style for this table. I'm Omar, and I just showed you how to override table styles using cascading style sheets. Have a good day.