1 Border Fri Nov 26, 2010 6:07 pm
Unknown Data
Registered Member
Border Learn CSS - part 13 |
The border lesson is a very hard one, so take a breake if you fell it's to much. But before we start, can you see what we are going through. • Border-width • Border-color • Border-style • Mergin • Width and height Border-width The border-width is in principle a mergin of: border-top-width, border-right-width, border-bottom-width and border-left-width. There may appear one to four values, with the following interpretation: • One value: Top, right, bottom and left got the same width value. • Two values: Top is indicated by the first value, right do we set to the second value, bottom is assigned the value of top, and left are awarded with the value of right. • Three values: Top is indicated by the first value, right do we set of the second value, bottom is indicated by the third value, left gets the value of the opposite page. • Four values: Top, right, bottom and left, each have their own value. Following values is set to indicate the width: thin, medium, thick and length. Notice! The border-width can't get negative values. Border-color The border-color indicates the color of the border. This is very simple because it's the same way as writting the color to a text, the property should just be "border-color" instead of "color". Border-style It's also possible to chosse border-styles. Besides these can you also use 'none' (or hidden) when you not wish to display any border-style. Here are a list of following bordertypes, that can be used. • Solid • Groove • Dotted • Ridge • Dashed • Inset • Double • Outset • Hidden This aren't you learning so much about by just writting these things down, so click here to se how it would look in your browser. LINK. Mergin Now we got out style to some content, that looks like this.
Width and height Whith width and height can you define the width and height of an element. Here is a quick example shown below.
That was one more lesson, in the next are we going to learn about the position. |
Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators. |