net even uitgeprobeerd met deze code:
HTML Code:
<body>
<div id="box"></div>
</body>
Code:
* {margin: 0; padding: 0;}
#box {
margin: 100px auto;
width: 200px;
height: 200px;
border-left: 1px solid #000;
border-bottom: 1px solid #8f0;
}
en bij mij nam hij voor de linkerbenedenpixel net altijd de kleur van border left, zelfs wanneer ik de volgorde van de 2 verwissel...
Eerst dacht ik dat de kleur zou nemen van de laatste gespecifieerde waarde, maar dat doet hij blijkbaar niet.
Ik heb net even mijn test gedaan in IE, en daar neemt hij inderdaad de kleur van de bottom aan. Het hangt dus louter af van welke rendering engine.
Om zeker te zijn kan je misschien hetgeen je een border-left wil geven in een nieuwe div zetten:
HTML Code:
<body>
<div class="borderLeft">
<div id="box"></div>
</div>
</body>
Code:
* {margin: 0; padding: 0;}
#box {
width: 200px;
height: 200px;
border-bottom: 1px solid #000;
}
.borderLeft {
width: 200px;
margin: 100px auto;
border-left: 1px solid #8f0;
}
vrij omslachtige manier, maar ze werkt wel (voor gebruik in een ul zal het wat meer werk kosten)