How to 8order.

Hey losers, Vriska here. I'm going to teach Y'all how to make CSS 8orders.

Does it keep happening to you that you do "border: 5px black;" and nothing shows up?

It's 8ecause you are doing it wrong.

You are supposed to add the 3 8order properties!

"Vriska, what are the 3 8order properties?"

Well, you see, a 8order is comformed of width, color and style. It needs these 3 to form, otherwise it can't.

Usually, one adds only width or color to ones 8orders, which causes them to not show up.

"Oh, is that why it wasn't showing up? I thought the CSS wasn't loading properly."

Yeah, neocities is know for having trouble upd8ing CSS, that is why we use inline Lol. 8ut no, in this case it's a code issue.

"8ut I searched online and it said it had to do with the margin/display/padding."

No, it has nothing to do with that, although I see where they are coming from. You don't need to add space for the 8order to fit in, the 8order will m8ke it's own.

"8ut Vriska, what is style? I only know about width and color."

Style is how the 8order looks, such as solid or dotted.

I'm going to make a 8ox to show you.

This is our first 8ox. It doesn't have a 8order.

This is a common type of border. It has 8px of width, black in color, and solid in style.

solid is your typical one color continuos line.

You can write a 8order in two ways:

border-width: 8px;
border-color: black;
border-style: solid;

OR

border: 8px black solid;

We are going to 8e using the second one 8ecause it's easier. You can write it in whatever order as long as you are writing the 3.

Here I'm using border: 8px blue dotted; the dotted is the part that tells the 8order to 8e dots and the 8px is telling the dots to 8e 8 pixels wide.

Whoa! What's that???????? It's called having fun with CSS!!!!!!!! Yes, that's not an image, although I'm not sure if it's even that convincing.

I used border-top:8px red double; as well as changing the 8ackground from lightgrey to beige.

"border-top?" Yeah, in CSS every box has four sides: top, right, bottom, left.