можно определить границы ширина. какопределить ширина границы (не толщина)
.box{
width:200px;
height:100px;
border-bottom:1px solid #000;
}
ширина коробка 200px но я хочу ширину границы в нижней части только 100px.
alt text http://www.freeimagehosting.net/uploads/6ba3c54859.png
Похоже, вы хотите половину границы. Странно, но выполнимо, я думаю. Это работает в Firefox, Chrome и Safari. MSIE На данный момент у меня нет под рукой, и это может вызвать проблемы.
Способ, которым это работает, состоит в том, чтобы иметь прямоугольник с фоном, который в два раза меньше ширины, и на 1 пиксель выше, чем div.box. Я положил фон серого на тело, чтобы вы могли видеть его работу.
<html>
<style type="text/css">
body {
background-color: #ccc;
color: #000;
}
.box-border {
width: 100px; /* half as wide as .box! */
height: 101px; /* just slightly taller than .box! */
background-color: #000;
overflow: visible; /* .box, inside this, can go outside it */
}
.box{
width: 200px;
height: 100px;
background-color: #fff;
}
</style>
<body>
<div class="box-border">
<div class="box">
The quick brown fox jumped over the lazy dog.
</div>
</div>
</body>
</html>
Нет, вы должны поставить еще один элемент в .box, который 100px в ширину, и применить границу к этому.
или определить фоновое изображение так: .box { фон: URL (border.gif) не повторять 0 Дно;}
и изображение 100px в ширину и, например, 2рх Heigh.
Вы можете составить эскиз того, что вы пытаетесь сделать? – SWeko
Это не граница, это не зависит от элемента. вы можете использовать для этого
. –