Вы можете управлять шириной границы, используя свойство border-right-width. Есть ли способ установить высоту его как границу с правой высотой?Есть ли способ установить высоту линии границы?
Например:
Home | О
Но я хочу | быть немного короче.
Вы не можете установить border недвижимость по своему усмотрению. Однако, используя псевдо-элемент может быть полезным здесь (see exaggerated live example):
HTML (возможно - возможны и другие конфигурации также)
<div class="menu"><span>Home</span><span>About</span><span>Last</span></div>
CSS
.menu span {font-size: 2em; padding: 10px; position: relative;}
.menu span:after {content: ''; position: absolute; right: 0; top: .6em; bottom: .6em; width: 1px; background-color: black;}
.menu > span:last-child:after {display: none;}
Учитывая количество сайтов, на которых я вижу людей, почему бы просто не добавить его в стандарт css? – SamFisher83
Это будет связано с высотой самого элемента, а не с границей.
Не существует способа установить ничего, кроме ширины, стиля и цвета границы. Если вы хотите, чтобы граница была разной высоты, чем текст, вам нужно добавить элемент между этими двумя элементами и отрегулировать его высоту и вертикальное выравнивание таким образом. В зависимости от того, с каким кодом вы работаете, лучше всего использовать фоновое изображение.
Есть только два измерения границы. Длина и ширина. Не видя своего кода, я не уверен, как лучше направить вас. – Dutchie432
reffer this http://stackoverflow.com/questions/5664057/border-height-on-css –
Нет, вы не можете сказать, что граница будет меньше элемента, она обходит элемент, используя его полную высоту в вашем случае , – Zuul