Border width with four values : border width « CSS « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » CSS » border width 




Border width with four values
   


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title>border-width</title>
        <style rel='stylesheet' type='text/css'>
div {
    padding: 3px;
    border-color: khaki;
    border-style: solid;
    background: lightyellow;
    margin: 5px;
    float: left;
    width: 50px;
    height: 50px;
}
div#four {
    border-width: 2px 4px 8px 10px;
}
      
        </style>
    </head>
    <body>
        <div id='four'></div>

    </body>
</html>

   
    
  














Related examples in the same category
1.'border-width' Example
2.border-width: thin
3.border-width: medium
4.border-width: thick
5.Border width with three values
6.Border width with two values
7.Border width with one value
8.border width: thin solid black
9.border width: medium solid black
10.border width: thick solid black
11.border-width: thin medium 30px thick;
12.border-width: thin medium thick;
13.border width shorthand with three values
14.border-width: thin thick;
15.border width shorthand with two values
16.border-width: thin;
17.border-width: thick;
18.border width
19.border width border style shorthand four values
20.border width border style shorthand one value
21.border width border style shorthand three values
22.border width border style shorthand two values
23.border width left
24.The border-width property can take either one of three keywords or a length value.
25.Four shorthand properties can be specified for border-width
26.border-width: thin medium thick 3px
27.border-width: 5px 6px 7px 8px
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.