div border-left-width: 10px; : div border « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. div border

div border-left-width: 10px;

     
<!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 type='text/css'>
div {
    padding: 3px;
    border-color: khaki;
    border-style: solid;
    background: lightyellow;
    margin: 5px;
    float: left;
    width: 50px;
    height: 50px;
}
div#properties {
    border-top-width: 2px;
    border-right-width: 4px;
    border-bottom-width: 8px;
    border-left-width: 10px;
}
div#four {
    border-width: 2px 4px 8px 10px;
}
div#three {
    border-width: 2px 4px 8px;
}
div#two {
    border-width: 8px 4px;
}
div#one {
    border-width: 4px;
}
</style>


    </head>
    <body>
        <div id='properties'></div>
        <div id='four'></div>
        <div id='three'></div>
        <div id='two'></div>
        <div id='one'></div>
    </body>
</html>








Related examples in the same category

1.div border: 1px solid rgb(154, 157, 203);
2.div border-width: thin;
3.div border-width: medium;
4.div border-width: thick;
5.div border-color: khaki;
6.div border-style: solid;
7.div border-top-width: 2px;
8.div border-right-width: 4px;
9.div border-bottom-width: 8px;
10.div border-width: 2px 4px 8px 10px;
11.div border-width: 2px 4px 8px;
12.div border-width: 8px 4px;
13.div border-width: 4px;
14.div border-color: red;
15.div border-top-style: solid;
16.div border-right-style: dashed;
17.div border-bottom-style: double;
18.div border-left-style: inset;
19.div border-style: solid dashed double inset;
20.div border: 1px solid rgb(128, 128, 128);
21.div border: 5px double #000000;
22.div border-right: 1px solid #000000;
23.Div border: none;
24.Div border-top: 1px solid #9E6E2E;
25.DIV border: 1px solid #ccc;
26.DIV border-bottom: 1px dashed #ddd;
27.DIV border-bottom: 1px solid #d8d8d8;
28.DIV border-left: 4px solid #ccc;
29.DIV border-right: 1px solid #d8d8d8;
30.DIV border-top: 1px solid #d8d8d8;
31.Set border of DIV to 5px double #000000
32.Set right border of DIV to 1px solid #000000