Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
0 / 0 / 2
Регистрация: 16.12.2016
Сообщений: 118

CSS - border разной шириной по вертикали

21.06.2017, 17:26. Показов 1271. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброе время суток всем!
Ребята подскажите как сделать с левой и с правой стороны border столбиком ???
Или может у кого есть ссылка на какой нибудь сайт где есть такое???

За ранее благодарен!!!

Последний скрин с макета, как выглядет это чудо!
Миниатюры
CSS - border разной шириной по вертикали   CSS - border разной шириной по вертикали  
Изображения
 
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
21.06.2017, 17:26
Ответы с готовыми решениями:

CSS border-right как убрать крайний правый border
делаю сайт http://medi-clinic.ru и столкнулся с такой проблемой, в меню пункты разделены рамкой, border-right и я хочу этот border убрать в...

Картинки плиткой с разной шириной в блок
Как разместить картинки с разной шириной в блок? Вот пример:

Проблемы с печатью текста с разной шириной строк
Добрый день. Может кто-нибудь в курсе, как в экселе сделать так, чтобы в ячейке помещалась вся строка.. то есть если значение ячейки...

5
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2381 / 1741 / 677
Регистрация: 07.08.2016
Сообщений: 4,095
24.06.2017, 21:54
а вы уверены что это не картинка добавляющаяся с помощью before и after?
1
108 / 102 / 35
Регистрация: 14.03.2014
Сообщений: 586
25.06.2017, 00:44
как по мне, такие полоски можно нарисовать в SVG, и вставить с 2 сторон, просто с другой стороны с помощью "rotate" развернуть
1
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2381 / 1741 / 677
Регистрация: 07.08.2016
Сообщений: 4,095
25.06.2017, 00:50
можно и svg, может это даже правильнее будет, просто посложнее, ну и IE8 не поддерживается
1
 Аватар для Майкл Скоуфилд
11 / 10 / 3
Регистрация: 25.09.2015
Сообщений: 238
25.06.2017, 07:37
можете их через спрайт вставить в backgroud ну или псевдоэлементы.
1
108 / 102 / 35
Регистрация: 14.03.2014
Сообщений: 586
25.06.2017, 10:23
Цитата Сообщение от AlexZaw Посмотреть сообщение
можно и svg, может это даже правильнее будет, просто посложнее, ну и IE8 не поддерживается
если перед вами ставят условия чтобы учитывать ИЕ 8, то да, а так взгляните на статистику использования браузеров

http://caniuse.com/usage-table

https://www.w3counter.com/trends
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
25.06.2017, 10:23
Помогаю со студенческими работами здесь

загруска одного изображения как двух с разной высотой и шириной
пользователь загружает картинку в полный размер. и на выходе мне нужно два изображения, одно в полный размер а второе в миниатюре. и еще...

css - border
добрый день сор за тупой вопрос, по я уже битый час пытаюсь понять почему параметр border не работает подскажите плз в чем трабл ...

Css увеличить border
Здравствуйте, нужно получить результат(1 вложение снизу) а получается (2 вложение с низу), как такое сделать?

[Qt CSS] QScrollBar и border-radius
Доброго времени суток... Имеется вертикальный QScrollBar, хочу сделать верхние и нижние части полукруглыми. Т.е следует использовать...

Создайте дизайн html-страницы с тремя столбцами с фиксированной шириной с использованием CSS свойств
Создайте дизайн html-страницы с тремя столбцами с фиксированной шириной с использованием CSS свойств.


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru