Вопросы с меткой [border]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
32 показа

Drag drop border внутри которого есть другие элементы

Хотим с другом сделать доску с заметками(по типу Miro https://miro.com/app/board/uXjVMZqYPPg=/), но не можем сделать движение заметки по экрану, так как когда нажимаешь на элемент выбираюся вложенные ...
Shemen's user avatar
  • 13
1 голос
0 ответов
23 показа

img наложить на border

Всем привет! У меня есть слайдер подключенный через slick, дизайнеры хотят, чтобы при перелистывании слайдера у меня листалась и дата с точкой (а она наложена на border-bottom), в слайдере по ...
Дарья's user avatar
-1 голос
1 ответ
35 показов

Просвечивание градиентом через рамку

Нужно сделать примерно как тут: Как сделать просвечивание через текст свечением, исходящим от курсора?, но чтобы градиент просвечивался через стандартную border-рамку (или какой-нибудь элемент, ее ...
krasmaks's user avatar
0 голосов
0 ответов
62 показа

Почему появляется дополнительная рамка у ссылок на айфонах?

Можете подсказать. Сверстал сайт, в футере список из ссылок, у них задан ховер (ссылки меняют цвет на белый) и все, на пк и андроидах все нормально при нажатии на эти ссылки, а при нажатии на ссылку ...
Работ's user avatar
0 голосов
2 ответа
36 показов

Изменение стиля к родительскому элементу JS

Необходимо для дива completed сделать рамку красную. для expired синюю. Не могу обратиться к родительскому элементу. let a; let b; let dueStatus = document.querySelectorAll("div"); for(let q of ...
Konstantin Petrenko's user avatar
0 голосов
1 ответ
59 показов

Кнопка со скошенными углами на React Native

Подскажите, как сделать кнопку вот с такими скошенными углами в React Native, желательно без псевдоэлементов before и after
Jostar's user avatar
  • 55
0 голосов
0 ответов
24 показа

Как сделать два разных border-image у одного div

Хочу сделать вокруг div две разные рамки, но последняя выводится очень криво. Вот мой css .form { width: 372px; height: 436px; background-image: url(/images/pattern.png); border-top: ...
ISEDEKU's user avatar
  • 29
0 голосов
0 ответов
10 показов

Почему ячейки отбиваются друг от друга если удалить border в класса row, хотя margin задан исключительно h1. И должен срабатывать только на тег h1

Почему, когда я удаляю border, который присвоен классам row, все ячейки начинают отбиваться друг от друга? Ведь margin: 60px 0px 20px 50px; присвоен только к h1, т.е margin должен срабатывать только к ...
Петровыч's user avatar
0 голосов
0 ответов
17 показов

Почему ячейки отбиваются друг от друга если удалить border в класса row, хотя margin задан исключительно тегу h1. И должен срабатывать только на h1

Почему, когда я удаляю border, который присвоен классам row, все ячейки начинают отбиваться друг от друга? Ведь margin: 60px 0px 20px 50px; присвоен только к h1, т.е margin должен срабатывать только к ...
Петровыч's user avatar
0 голосов
0 ответов
38 показов

Префиксы для border-radius

Подскажите, пожалуйста, для border-radius нужны префиксы (-moz-border-radius, -webkit-border-radius...) в 2022 году или уже нет? На "Can I use" и "MDN" не смог найти эту ...
Valentin's user avatar
0 голосов
0 ответов
66 показов

Как переопределить шаблон стиля в WPF?

Имеется стиль для кнопок: <Style TargetType="Button" x:Key="DefaultButton"> <Style.Resources> <SolidColorBrush x:Key="PressedButtonColor">#...
TeraBasedProgrammer's user avatar
1 голос
2 ответа
108 показов

Как сделать border dashed блока с элементами разного цвета и большего размера? (конкретика на скриншоте)

Помогите пожалуйста сделать бордер для блока такого типа: У меня получилось сделать похожий, но для этого я использовал много scss кода с использованием миксина (миксин создает круговую диаграмму): ...
smile's user avatar
  • 27
1 голос
1 ответ
101 показ

Почему для div с классом flex не удается установить border?

.flex { display: flex; flex-direction: row; justify-content: center; border: 10px; border-color: black; } <!DOCTYPE html> <html lang="en"> <head> <meta ...
user avatar
0 голосов
0 ответов
45 показов

Не отображается BORDER

<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bg clip</...
AAAA's user avatar
  • 1
0 голосов
1 ответ
126 показов

border-radius помехи

Вот простейший блок с заокругленным бордером в 0px. Но почему от ::after есть помехи, если у него z-index меньше? Снизу на картинках 3 эксперимента:1) ::after 200x200px background-color:white;2) ::...
PakuPaku's user avatar
1 голос
2 ответа
338 показов

CSS: как сделать кликабельной область без влияния на border-bottom?

Нужно сделать всю область кликабельной (при наведении), как display:block..пробовал padding, но он отодвигает border вниз, как режить проблему? Спасибо! *это dropdown в правой части header'а. ...
ida's user avatar
  • 11
0 голосов
2 ответа
44 показа

Не вижу элемент border в div. position fixed

Приветы! Как здорово что есть такой сайт! Я здесь впервые. К делу! На сайте сделал вверху фиксированную панель навигации и хочу видеть её с рамкой, но не получается отобразить её. Что ни так пишу в ...
Dmitriy's user avatar
0 голосов
1 ответ
699 показов

Почему не работает свойство border-color?

В CSS для ссылки написан данный код. Все свойства работают корректно, при компиляции ошибок не найдено, но цвет границы не отображается .main_nav_item{ display:block; background-color: cornflowerblue; ...
ashell's user avatar
  • 1
0 голосов
1 ответ
76 показов

как сделать рамку при наведении с необычными границами?

как сделать такой элемент у рамки при наведении на карточку товара
dava002's user avatar
  • 35
3 голоса
1 ответ
76 показов

Как реализовать выпуклый border у checkbox?

как реализовать выпуклый эффект бордер у checkbox? Пробовал тенями, но получается не так, как на картинке .check-radio { display: flex; position: relative; cursor: pointer; width: ...
nikolay35977's user avatar
1 голос
2 ответа
172 показа

Как убрать рамки у вкладок pyqt5?

Сделал в Qt Designer окно с четырьмя вкладками, и вот как оно выглядело в самом Qt Designer Однако после форматирования .ui файла в .py возле иконок появились рамки(код после форматирования я не менял)...
ivapop's user avatar
  • 147
0 голосов
0 ответов
463 показа

Как сделать точки в css

Как сделать такие точки? Я пробовал border dotted, но они слишком близко друг к другу.. <div class="icon-fifth-block"> <div class="icon-fifth-block-left&...
Hamanivork's user avatar
0 голосов
2 ответа
54 показа

Возможно ли схлопнуть бордер?

<div class="list"> <div class="item">Lorem ipsum.</div> <div class="item">Lorem ipsum.</div> <div class="item">Lorem ...
arrov199gmailcom's user avatar
3 голоса
2 ответа
90 показов

Как реализовать border с дырой в одной из сторон?

Как можно реализовать такую границу рваную? Особенно, если учесть, что проходит она не по границе блока, а залезает прилично дырявой стороной на соседний блок... .form { width: 1340px; min-...
Евгения's user avatar
4 голоса
1 ответ
62 показа

Не работает свойство border в scss

Учусь прогать на css: HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href=&...
SeryiBANANAN's user avatar
2 голоса
2 ответа
86 показов

Градиентная рамка

Надо добиться такого результата: https://prnt.sc/z3q7ti Накидал такой код: .box { width: 100%; height: 300px; background-color: red; position: relative; } .title { width: 50%; ...
azath's user avatar
  • 21
0 голосов
2 ответа
246 показов

можно ли менять ширину border-bottom не трогая сам блок

один из моих недопопыток .watches__time{ grid-column-start: 1; grid-column-end: 4; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; font-family:...
zegur a's user avatar
0 голосов
2 ответа
53 показа

Помогите нарисовать сегмент круга

Не могу создать такие углы, пробовал так: border-radius: 100px 100px 0px 0px / 119px 16px 0px 0px; но не могу никак выровнять...
Артур Кузьмич's user avatar
4 голоса
1 ответ
383 показа

Градиент границы вместе с Border Radius

У меня есть следующий CSS: a.btn.white-grad { background: $lgrey; color: #313149 !important; border: 1px solid #000; border-image-source: linear-gradient(to right, #9c20aa, #fb3570); ...
Alexandr_TT's user avatar
0 голосов
1 ответ
26 показов

Почему Mozilla Firefox меняет половину цвета рамки?

Один и тот же простейший код. В лисе выглядит так А в том же самом гугле как надо Откуда у mf такое затемнение нижней и правой рамки? * { margin: 0; padding: 0; box-sizing: border-box; } ...
224berryjuice's user avatar
1 голос
1 ответ
72 показа

Как наложить край буквы на рамку?

Необходимо "хвостик" буквы р наложить на край рамки. При этом, чтобы расстояние (выделено красными линиями) оставалось одинаковым: Вот, как должно быть в идеале: P.S. Тут берутся иконки из ...
224berryjuice's user avatar
1 голос
1 ответ
58 показов

Совместимость transform: skew с border и border-radius

У меня есть 3 блока со значением transform: skew(0deg, 10deg). При попытке прописать border (см 1 фото) или border-radius (см 2 фото) верхняя (косая) граница становится "ступенчатой". Без ...
Altereyo's user avatar
0 голосов
1 ответ
158 показов

При уменьшении масштаба возникают зазоры между контентом и border

Вопрос. Нормально ли то, что при уменьшении масштаба браузера у меня появляется зазор между контентом и бордером в кнопке GO AHEAD? Использую background-clip: padding-box, чтобы сделать полу-...
m4gdark's user avatar
  • 25
0 голосов
2 ответа
85 показов

Как в border поместить текст перевернутый на -90deg?

Вот пример, как добиться такого результата?
Лукас's user avatar
3 голоса
1 ответ
117 показов

Как сделать перенос текста по форме круга

Имеется круг с бордер радиусом. Хотелось бы реализовать перенос текста так, что бы он не обрезался) (Имеется ввиду количество отступлений) Пример можете видеть на словах: concludaturque, Comodo, и в ...
MineWeeper's user avatar
0 голосов
1 ответ
209 показов

WPF XAML Border CornerRadius Animation

Есть круглая кнопка. Хочу сделать анимацию, при наведении мыши на кнопку она становилась менее скругленной, т.е. CornerRadius стал к примеру 20 за 0.4 сек. Как такое реализовать? <Style x:Key="...
VeNNoM's user avatar
  • 115
-1 голос
1 ответ
396 показов

Круглая граница вокруг иконки

Как сделать вокруг иконок круглые границы что бы они не превращались в овалы? Home.html <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset=&...
mega asda's user avatar
  • 455
0 голосов
1 ответ
245 показов

Как сделать вот такой прерывающийся border?

Как правильно сверстать такой border ? Если бы фон был однотонный (белый, серый..) - то я знаю как решить данную задачу. Но как е] решить, в случае если фон - это какая либо картинка ? Помогите ...
Роман Тимощук's user avatar
0 голосов
2 ответа
159 показов

CSS Как сделать такой border у блоков

Как реализовать пустую границу между двумя блоками, я выделил углы они с border-radius
Лукас's user avatar
1 голос
3 ответа
819 показов

CSS свойство filter для border, как?

Как реализовать у блока для его границы размытие т.е свойство filter, если самому блоку задать свойство filter, то размывается весь блок и внутренний контент.
Лукас's user avatar
-1 голос
3 ответа
125 показов

Возможно ли сверстать такой border. Помогите пожалуйста [закрыт]

Просто не понимаю, как можно сверстать рамку с таким пересечением, перечитала все, что можно, но ничего не смогла сделать
Rocco _ Rina's user avatar
0 голосов
1 ответ
377 показов

Как сделать круглые углы у jButton с цветом background'a в java

Всем добрый день. Есть приложение на swing. В приложении есть панель с кнопками. Задача: У ВСЕХ кнопок надо закруглить углы. Желательно чтобы это было сделано через UIManager. Так же, стоит учесть что ...
Arty Mart's user avatar
  • 154
0 голосов
2 ответа
51 показ

Как сверстать такой background image c внутренней рамкой?

Задача сверстать такой background c внутренней рамкой, ссылка на макет https://www.figma.com/file/SB9yy4U3zdpzxaxjEpguHw/Sofi-de-Marko?node-id=178%3A2
Yaroslav Bondar's user avatar
2 голоса
5 ответов
1k показов

Обводка картинки при нажатии

Как сделать, чтобы при нажатии на картинку, она обводилась в рамку 1px solid green? Я пытался написать через active, но оно работает только при удержании нажатия.
pane's user avatar
  • 89
0 голосов
1 ответ
53 показа

Как забрать background

Надо задать фон внутрь body { background-color: #333; display: flex; align-items: center; justify-content: center; height: 100vh; } .block { position: relative; width: ...
Павло Смолинець's user avatar
3 голоса
2 ответа
89 показов

Как сделать вырезанный круглый уголок

Как сделать этот уголок на всех углах и только справа и только слева? Буду очень признателен
Павло Смолинець's user avatar
0 голосов
1 ответ
181 показ

Скрипт проверки поля на наличие символов. JavaScript

Доброго времени суток. Делаю сайт с регистрацией. Вот код на HTML и CSS. /* INPUT STYLE */ .email:invalid, .password:invalid { outline: 3px solid rgba(232, 41, 41, 0.4); } .email:...
KoryJaxx's user avatar
1 голос
0 ответов
89 показов

как сделать нормальный фон позади слова

#faq { background-color: #fff; width: 100%; float: left; padding-top: 70px; padding-bottom: 70px; } #faq div { width: 25%; margin-left: 6%; float: left; border: 2px solid #DEDEDE;...
danilious's user avatar
0 голосов
2 ответа
2k показов

Как стилизовать input [type='submit']? С помощью JS или CSS

Подскажите пожалуйста, каким образом можно из input[type=submit] сделать кнопку вот как эта? Я делала кнопки используя псевдоэлемент :before, но наткнулась на input, с которым псведоэлемент не ...
Victoria Lievikova's user avatar
0 голосов
1 ответ
505 показов

Почему не работает свойство border-radius top,right,left.bottom в FireFox у таблицы?

Всем привет! Пытаюсь сделать скругленные края у таблицы, но в FireFox почему-то не работают свойства border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-...
Александр's user avatar