Вопросы с меткой [border]
Руководство по использованию метки border отсутствует.
121
вопрос
0
голосов
0
ответов
32
показа
Drag drop border внутри которого есть другие элементы
Хотим с другом сделать доску с заметками(по типу Miro https://miro.com/app/board/uXjVMZqYPPg=/), но не можем сделать движение заметки по экрану, так как когда нажимаешь на элемент выбираюся вложенные ...
1
голос
0
ответов
23
показа
img наложить на border
Всем привет! У меня есть слайдер подключенный через slick, дизайнеры хотят, чтобы при перелистывании слайдера у меня листалась и дата с точкой (а она наложена на border-bottom), в слайдере по ...
-1
голос
1
ответ
35
показов
Просвечивание градиентом через рамку
Нужно сделать примерно как тут: Как сделать просвечивание через текст свечением, исходящим от курсора?, но чтобы градиент просвечивался через стандартную border-рамку (или какой-нибудь элемент, ее ...
0
голосов
0
ответов
62
показа
Почему появляется дополнительная рамка у ссылок на айфонах?
Можете подсказать. Сверстал сайт, в футере список из ссылок, у них задан ховер (ссылки меняют цвет на белый) и все, на пк и андроидах все нормально при нажатии на эти ссылки, а при нажатии на ссылку ...
0
голосов
2
ответа
36
показов
Изменение стиля к родительскому элементу JS
Необходимо для дива completed сделать рамку красную. для expired синюю. Не могу обратиться к родительскому элементу.
let a;
let b;
let dueStatus = document.querySelectorAll("div");
for(let q of ...
0
голосов
1
ответ
59
показов
Кнопка со скошенными углами на React Native
Подскажите, как сделать кнопку вот с такими скошенными углами в React Native, желательно без псевдоэлементов before и after
0
голосов
0
ответов
24
показа
Как сделать два разных border-image у одного div
Хочу сделать вокруг div две разные рамки, но последняя выводится очень криво.
Вот мой css
.form {
width: 372px;
height: 436px;
background-image: url(/images/pattern.png);
border-top: ...
0
голосов
0
ответов
10
показов
Почему ячейки отбиваются друг от друга если удалить border в класса row, хотя margin задан исключительно h1. И должен срабатывать только на тег h1
Почему, когда я удаляю border, который присвоен классам row, все ячейки начинают отбиваться друг от друга? Ведь margin: 60px 0px 20px 50px; присвоен только к h1, т.е margin должен срабатывать только к ...
0
голосов
0
ответов
17
показов
Почему ячейки отбиваются друг от друга если удалить border в класса row, хотя margin задан исключительно тегу h1. И должен срабатывать только на h1
Почему, когда я удаляю border, который присвоен классам row, все ячейки начинают отбиваться друг от друга? Ведь margin: 60px 0px 20px 50px; присвоен только к h1, т.е margin должен срабатывать только к ...
0
голосов
0
ответов
38
показов
Префиксы для border-radius
Подскажите, пожалуйста, для border-radius нужны префиксы (-moz-border-radius, -webkit-border-radius...) в 2022 году или уже нет? На "Can I use" и "MDN" не смог найти эту ...
0
голосов
0
ответов
66
показов
Как переопределить шаблон стиля в WPF?
Имеется стиль для кнопок:
<Style TargetType="Button" x:Key="DefaultButton">
<Style.Resources>
<SolidColorBrush x:Key="PressedButtonColor">#...
1
голос
2
ответа
108
показов
Как сделать border dashed блока с элементами разного цвета и большего размера? (конкретика на скриншоте)
Помогите пожалуйста сделать бордер для блока такого типа:
У меня получилось сделать похожий, но для этого я использовал много scss кода с использованием миксина (миксин создает круговую диаграмму):
...
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 ...
0
голосов
0
ответов
45
показов
Не отображается BORDER
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bg clip</...
0
голосов
1
ответ
126
показов
border-radius помехи
Вот простейший блок с заокругленным бордером в 0px. Но почему от ::after есть помехи, если у него z-index меньше? Снизу на картинках 3 эксперимента:1) ::after 200x200px background-color:white;2) ::...
1
голос
2
ответа
338
показов
CSS: как сделать кликабельной область без влияния на border-bottom?
Нужно сделать всю область кликабельной (при наведении), как display:block..пробовал padding, но он отодвигает border вниз, как режить проблему? Спасибо!
*это dropdown в правой части header'а.
...
0
голосов
2
ответа
44
показа
Не вижу элемент border в div. position fixed
Приветы! Как здорово что есть такой сайт! Я здесь впервые.
К делу! На сайте сделал вверху фиксированную панель навигации и хочу видеть её с рамкой, но не получается отобразить её. Что ни так пишу в ...
0
голосов
1
ответ
699
показов
Почему не работает свойство border-color?
В CSS для ссылки написан данный код. Все свойства работают корректно, при компиляции ошибок не найдено, но цвет границы не отображается
.main_nav_item{
display:block;
background-color: cornflowerblue;
...
0
голосов
1
ответ
76
показов
как сделать рамку при наведении с необычными границами?
как сделать такой элемент у рамки при наведении на карточку товара
3
голоса
1
ответ
76
показов
Как реализовать выпуклый border у checkbox?
как реализовать выпуклый эффект бордер у checkbox? Пробовал тенями, но получается не так, как на картинке
.check-radio {
display: flex;
position: relative;
cursor: pointer;
width: ...
1
голос
2
ответа
172
показа
Как убрать рамки у вкладок pyqt5?
Сделал в Qt Designer окно с четырьмя вкладками, и вот как оно выглядело в самом Qt Designer
Однако после форматирования .ui файла в .py возле иконок появились рамки(код после форматирования я не менял)...
0
голосов
0
ответов
463
показа
Как сделать точки в css
Как сделать такие точки?
Я пробовал border dotted, но они слишком близко друг к другу..
<div class="icon-fifth-block">
<div class="icon-fifth-block-left&...
0
голосов
2
ответа
54
показа
Возможно ли схлопнуть бордер?
<div class="list">
<div class="item">Lorem ipsum.</div>
<div class="item">Lorem ipsum.</div>
<div class="item">Lorem ...
3
голоса
2
ответа
90
показов
Как реализовать border с дырой в одной из сторон?
Как можно реализовать такую границу рваную? Особенно, если учесть, что проходит она не по границе блока, а залезает прилично дырявой стороной на соседний блок...
.form {
width: 1340px;
min-...
4
голоса
1
ответ
62
показа
Не работает свойство border в scss
Учусь прогать на css:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href=&...
2
голоса
2
ответа
86
показов
Градиентная рамка
Надо добиться такого результата: https://prnt.sc/z3q7ti
Накидал такой код:
.box {
width: 100%;
height: 300px;
background-color: red;
position: relative;
}
.title {
width: 50%;
...
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:...
0
голосов
2
ответа
53
показа
Помогите нарисовать сегмент круга
Не могу создать такие углы, пробовал так:
border-radius: 100px 100px 0px 0px / 119px 16px 0px 0px;
но не могу никак выровнять...
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);
...
0
голосов
1
ответ
26
показов
Почему Mozilla Firefox меняет половину цвета рамки?
Один и тот же простейший код. В лисе выглядит так
А в том же самом гугле как надо
Откуда у mf такое затемнение нижней и правой рамки?
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
...
1
голос
1
ответ
72
показа
Как наложить край буквы на рамку?
Необходимо "хвостик" буквы р наложить на край рамки. При этом, чтобы расстояние (выделено красными линиями) оставалось одинаковым:
Вот, как должно быть в идеале:
P.S. Тут берутся иконки из ...
1
голос
1
ответ
58
показов
Совместимость transform: skew с border и border-radius
У меня есть 3 блока со значением transform: skew(0deg, 10deg). При попытке прописать border (см 1 фото) или border-radius (см 2 фото) верхняя (косая) граница становится "ступенчатой".
Без ...
0
голосов
1
ответ
158
показов
При уменьшении масштаба возникают зазоры между контентом и border
Вопрос. Нормально ли то, что при уменьшении масштаба браузера у меня появляется зазор между контентом и бордером в кнопке GO AHEAD? Использую background-clip: padding-box, чтобы сделать полу-...
0
голосов
2
ответа
85
показов
Как в border поместить текст перевернутый на -90deg?
Вот пример, как добиться такого результата?
3
голоса
1
ответ
117
показов
Как сделать перенос текста по форме круга
Имеется круг с бордер радиусом. Хотелось бы реализовать перенос текста так, что бы он не обрезался) (Имеется ввиду количество отступлений) Пример можете видеть на словах:
concludaturque, Comodo, и в ...
0
голосов
1
ответ
209
показов
WPF XAML Border CornerRadius Animation
Есть круглая кнопка. Хочу сделать анимацию, при наведении мыши на кнопку она становилась менее скругленной, т.е. CornerRadius стал к примеру 20 за 0.4 сек. Как такое реализовать?
<Style x:Key="...
-1
голос
1
ответ
396
показов
Круглая граница вокруг иконки
Как сделать вокруг иконок круглые границы что бы они не превращались в овалы?
Home.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset=&...
0
голосов
1
ответ
245
показов
Как сделать вот такой прерывающийся border?
Как правильно сверстать такой border ?
Если бы фон был однотонный (белый, серый..) - то я знаю как решить данную задачу. Но как е] решить, в случае если фон - это какая либо картинка ?
Помогите ...
0
голосов
2
ответа
159
показов
CSS Как сделать такой border у блоков
Как реализовать пустую границу между двумя блоками, я выделил углы они с border-radius
1
голос
3
ответа
819
показов
CSS свойство filter для border, как?
Как реализовать у блока для его границы размытие т.е свойство filter, если самому блоку задать свойство filter, то размывается весь блок и внутренний контент.
-1
голос
3
ответа
125
показов
Возможно ли сверстать такой border. Помогите пожалуйста [закрыт]
Просто не понимаю, как можно сверстать рамку с таким пересечением, перечитала все, что можно, но ничего не смогла сделать
0
голосов
1
ответ
377
показов
Как сделать круглые углы у jButton с цветом background'a в java
Всем добрый день. Есть приложение на swing. В приложении есть панель с кнопками. Задача: У ВСЕХ кнопок надо закруглить углы. Желательно чтобы это было сделано через UIManager. Так же, стоит учесть что ...
0
голосов
2
ответа
51
показ
Как сверстать такой background image c внутренней рамкой?
Задача сверстать такой background c внутренней рамкой, ссылка на макет https://www.figma.com/file/SB9yy4U3zdpzxaxjEpguHw/Sofi-de-Marko?node-id=178%3A2
2
голоса
5
ответов
1k
показов
Обводка картинки при нажатии
Как сделать, чтобы при нажатии на картинку, она обводилась в рамку 1px solid green? Я пытался написать через active, но оно работает только при удержании нажатия.
0
голосов
1
ответ
53
показа
Как забрать background
Надо задать фон внутрь
body {
background-color: #333;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.block {
position: relative;
width: ...
3
голоса
2
ответа
89
показов
Как сделать вырезанный круглый уголок
Как сделать этот уголок на всех углах и только справа и только слева? Буду очень признателен
0
голосов
1
ответ
181
показ
Скрипт проверки поля на наличие символов. JavaScript
Доброго времени суток.
Делаю сайт с регистрацией. Вот код на HTML и CSS.
/* INPUT STYLE */
.email:invalid, .password:invalid {
outline: 3px solid rgba(232, 41, 41, 0.4);
}
.email:...
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;...
0
голосов
2
ответа
2k
показов
Как стилизовать input [type='submit']? С помощью JS или CSS
Подскажите пожалуйста, каким образом можно из input[type=submit] сделать кнопку вот как эта?
Я делала кнопки используя псевдоэлемент :before, но наткнулась на input, с которым псведоэлемент не ...
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-...