CSS, оставленная границе 50% высотой
Я хочу, чтобы левая граница моего отделения показала только половине отделения. То же я хотел бы сделать к своей правильной границе, но, должен быть установлен от нижней части отделения к середине отделения. Как я могу достигнуть его?
1 ответ
Хороший вопрос. Это невозможно с помощью свойства border.
Единственное, что приходит на ум, если вы можете установить position вашего div в relative, это использовать абсолютно позиционированный, шириной 1 пиксель div. Не проверялось, но это должно работать:
<div style='width: 1px; top: 0px; bottom: 50%; left: 0px;
background-color: blue; overflow: hidden'>
</div>
Вы сделаете то же самое с правой стороны, заменив свойство left на right.
Помните, что окружающий div должен иметь position: relative, чтобы это сработало. Я не уверен, что установка 50% высоты будет работать стабильно во всех браузерах - обязательно протестируйте это. Возможно, вам придется прибегнуть к пиксельным мерам, если это не сработает.