WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Accespted Types of Borders Fri Jul 02, 2010 9:37 pm

Unknown Data

Unknown Data
Registered Member
Registered Member
Types of Borders
Different types of borders in CSS


Many times when you see a finished stylesheet or something, there normally stand "1px solid black". But what is the solid for, I'll learn you about it today. Solid is just a special name for the frame around something, and there exist many different names to use. There exist a way to change the frame in HTML and CSS, I'll show you both of the ways. But first we just take a look at which type of borders/frames there exist.

Different type of borders/frames are:
• solid
• double
• dotted
• dashed
• groove
• ridge
• inset
• outset
• hidden

HTML:
We start out with use the <p> tags and insert the special style attribute, so we can make the frame.
Code:
<p style="border:></p>
Inside them can we put some attribute, to let our frame be as we want them to be.
We can easily look here to see what we will get if we use the different codes standing in the frames. Note that the codes should be put beside the border attribute. Click here to take a look.

CSS:
It's almost the same thing to do in CSS. We just look at this code. It will bring a solid frame, but if we fx. will have it double, we delete "solid" and write "double" instead. Again can you just look at frame-window, to see which special names there exist.
Code:
p.solid {border-style: solid; }

Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators.



Last edited by Unknown Data on Sat Jul 03, 2010 2:10 am; edited 1 time in total

http://woops.dk

2Accespted Re: Types of Borders Sat Jul 03, 2010 12:29 am

RockerMan

RockerMan
Technician
Technician
Not very much detail Shocked

You could explain how to color it and set a weight of it Wink
You should also add that you don't need to be using a praragraph tag to have a border.

http://www.graphics-post.com/

3Accespted Re: Types of Borders Sat Jul 03, 2010 2:06 am

Unknown Data

Unknown Data
Registered Member
Registered Member
In this tutorial I'm just explaining which types of borders there exist.
And I'm just using the paragraph tag as an example. Wink

But you're right, it could need some more detailed explanation if it was about the other things to.

http://woops.dk

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum