how will only vertical side bar be displayed in rectangle using html/css and half colored borders

Vote count:

0

here is my link,,http://ift.tt/1mirwHu<div id="rectangle"></div>

#rectangle {
width:20%;
height:60%;
position:fixed;
top:0;
left:0;
border:1px solid #000;}.input-container_border-red {
position: absolute;
left: 0;
bottom: 4%;
width: 50%;
height: 2px;
background-color: red;}.input-container_border-gray {
position: absolute;
right: 0;
bottom: 4%;
width: 50%;
height: 2px;
background-color: gray;}

I want to show only right vertical border in two colors i.e half in red and half in grey.. please help

asked 1 min ago

user3752467

4

how will only vertical side bar be displayed in rectangle using html/css and half colored borders