border-width: 5px 6px 7px 8px : border width « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. border width

border-width: 5px 6px 7px 8px

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html>
        <head>
            <title></title>
            <style type='text/css'>
        p {
            margin: 20px;
            padding: 20px;
            width: 200px;
            border-width: 5px 6px 7px 8px;
            border-style: solid dashed double dotted;
        }
            </style>
        </head>
        <body>
            <p>
                I hear and I forget. I see and I remember. I do and I understand.
            - Confucius
            </p>
        </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 four values
6.Border width with three values
7.Border width with two values
8.Border width with one value
9.border width: thin solid black
10.border width: medium solid black
11.border width: thick solid black
12.border-width: thin medium 30px thick;
13.border-width: thin medium thick;
14.border width shorthand with three values
15.border-width: thin thick;
16.border width shorthand with two values
17.border-width: thin;
18.border-width: thick;
19.border width
20.border width border style shorthand four values
21.border width border style shorthand one value
22.border width border style shorthand three values
23.border width border style shorthand two values
24.border width left
25.The border-width property can take either one of three keywords or a length value.
26.Four shorthand properties can be specified for border-width
27.border-width: thin medium thick 3px