Set different border styles for different directions : border right style « CSS

  





<!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</title>

        <style rel='stylesheet' type='text/css'>

div#border-style-properties {

    border-top-style: solid;

    border-right-style: dashed;

    border-bottom-style: double;

    border-left-style: inset;

}

        </style>

    </head>

    <body>



        <div id='border-style-properties'>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

        </div>

    </body>

</html>

Set different border styles for different directions : border right style « CSS « HTML / CSS