CSS Shorthand — OZONE Asylum, home of the Mad Scientists

This page's ID: 24006

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Another CSS shorthand: When setting a property having a top, right, left, bottom versions( [i]e.g.[/i] border-color, padding, border-width, margin, border-style ... ), the first one is the top and then the other goes clockwise. And if one is missing, its value is that of its opposite side.[code]margin: 10px 20px; /* see point 1 / border-width:10px 20px 30px; / see point 2 / border-style:solid dashed double none; / see point 3 /[/code][olist] sets the top and bottom margin to [i]10px[/i] and the right and left to [i]20px[/i]. * sets the top border-width to [i]10px[/i], the bottom one to [i]30px[/i] and the right and left one to [i]20px[/i]. * sets the top border-style to [i]solid[/i], the right one to [i]dashed[/i], the bottom one to [i]double[/i] and finally the left one to [i]none[/i].[/olist]All this is explained in [url=http://www.w3.org/TR/CSS2/box.html#propdef-border-width]CSS2 specifications: 8.5.1 Border width[/url]. Hope that helps, [url=http://www.p01.org/][img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_love.gif[/img][/url] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post