borders

how NN and IE handle borders

page 1 of 2

• page 1
  • simple borders
  • really big borders
• page 2
  • addressing individual borders
  • borders and links

simple borders

Let's set a border around a paragraph. We'll set an outset border on the paragraph tags.

<p style="background:red;
	width:2.5in;border-width:1px;
    border-color:green;border-style:outset">
      here is some text
</p>

we see in NN6.0:	we see in IE5.0:

They certainly look a little different. NN6.0 has a green border that's a little lighter than IE5.0. Remember, I used the keyword green instead of setting an RGB value.

I would also like to point out that setting the border for a DIV element looks exactly the same in both browsers.

reall big borders

Let's make the border really big. Let's make it 20 pixels thick and see what happens.

<p style="background:red;border-style:outset;
	width:2.5in;border-width:20px;
    border-color:green;">
      here is some text
</p>

we see in NN6.0:	we see in IE5.0:

IE5.0 does something unexpected; it uses two borders instead of one to get its really thick border. It's an interesting look, but not what we asked for.