Archief - CSS: border-left belangrijker dan border-bottom

KoenDK · 16 aug 2007

waarschijnlijk is dit niet mogelijk, maar als ik in css een border-left een kleur geef, en border-bottom een kleur, dan is er idd 1 pixel waarbij men zal moeten kiezen... namelijk die onderaan links in het hoekje!

nu blijkt dat hij de kleur neemt van de border-bottom, wat in mijn geval slecht is, ik wil de kleur van border-left

is dit mogelijks ffs

frenzal · 16 aug 2007

gebruik een achtergrond image?

grooverider · 16 aug 2007

net even uitgeprobeerd met deze code:

HTML:

<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:

<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)

Archief - CSS: border-left belangrijker dan border-bottom

KoenDK

Legacy Member

frenzal

Legacy Member

grooverider

Legacy Member