Описание тега border-image

Вопросы с тегом
1 ответ

Разрывы границ изображения в Mozilla Firefox

При попытке применить "полосатый" border-image в поле ввода текста он ломается в Mozilla Firefox при определенных параметрах. Взгляните на этот jsfiddle: http://jsfiddle.net/sxpL9zw1 Как вы можете видеть, страница отображает простое текстовое поле с…
15 янв '15 в 15:09
2 ответа

Отрицательное смещение CSS-изображения границы (без HTML-редакции)

Мы стремимся получить именно этот тип границы для почти всех тегов img внутри области содержимого сайта CMS (wordpress/joomla) (поэтому мы ищем решение, использующее только CSS, без доступа к родительскому тегу ): Первый шаг идет гладко с формой код…
12 мар '15 в 00:32
0 ответов

Повторите линейный градиент (как background-image или border-image) целое число раз

Можно ли добиться чего-то вроде background-repeat: space и / или background-background: round при использовании повторного градиента в качестве background-image, или же border-image-repeat: space|round при использовании повторного градиента в качест…
03 ноя '16 в 17:06
0 ответов

Изображение границы не отображается должным образом в сафари

Я пытаюсь иметь верхнюю и нижнюю границы на div с помощью border-image но он не отображается должным образом в Safari. Вот оно в Chrome, как я хочу: и вот оно в сафари: HTML: <body> <div class="wiggle"> <h3>title</h3> <p&g…
15 дек '16 в 13:32
0 ответов

Добавить границу изображения в круговой div

Я хочу установить изображение вокруг круглого div в качестве границы. Круглый div создается border-radius:50%, CSS: .circ { border-radius: 50%; border: 15px solid transparent; padding: 15px; border-image-source: url(border.png); border-image-repeat:…
12 дек '18 в 05:28
0 ответов

Изображение границы не отображается в браузерах

У меня проблема с бордюром. Я сгенерировал кнопку с изображением границы, как показано ниже, и тогда она могла работать только в Firefox, но не работать в других браузерах (edge, chrome и т. Д.). Пожалуйста, научите меня что-нибудь исправить. .menu-…
10 янв '19 в 07:04
3 ответа

Как сделать собственную CSS-рамку с помощью border-image?

Я пытаюсь, но с треском проваливаюсь при попытке создать пользовательскую границу CSS, как это, используя сокращенное свойство border-image. Есть ли способ сделать частичные границы? Может быть, есть лучший способ добиться того, что я пытаюсь сделат…
14 янв '19 в 05:47
2 ответа

Создание CSS шумных границ с сплошным цветом границы и прозрачным PNG

При создании веб-сайтов я часто использую прозрачные png (например, созданные с помощью http://www.noisetexturegenerator.com/), чтобы придать дизайну более материальный, реалистичный вид. Сейчас я работаю над дизайном, который также интенсивно испол…
02 фев '15 в 20:24
1 ответ

border-image-slice меняет горизонтальные и вертикальные параметры в Chrome и FireFox

Я пытаюсь сделать только горизонтальные (/ вертикальные) границы с этим кодом: .test { border-style: solid; border-width: 1px; border-image-source: linear-gradient(to bottom, hsl(0, 0%, 97%), hsl(19, 0%, 75%), hsl(0, 0%, 97%)); border-image-slice: 1…
07 июл '16 в 00:21
4 ответа

CSS изображение границы работает только сверху и снизу

Я пытаюсь добавить изображение для моей границы, но сейчас оно работает только сверху и снизу. Мне нужно, чтобы обойти весь контейнер. Вот изображение границы: Вот как выглядит мой контейнер: Соответствующий HTML: <div class="panel-blurb"> &lt…
08 авг '16 в 19:29
2 ответа

Изображение границы перестало отображаться в Safari (ОС и iOS)

Изображение границы перестало появляться в Safari на OS и iOS, а также. Я использую Safari 10 на моем Mac и последнюю версию iOS на iPad и iPhone. Это показывает в Firefox, как это было показано во всех браузерах. URL-адрес веб-сайта: http://majesti…
20 дек '16 в 23:04
2 ответа

IE 11 не распознает границы изображения на моем сайте

На моем WordPress http://www.diylowell.org/test/Wordpress/ У меня есть изображение границы, установленное для постов в области виджетов со следующим CSS: #secondary .widget_siteorigin-panels-postloop .post { border: 30px solid transparent; -webkit-b…
02 май '15 в 23:10
2 ответа

Заполнение бордюра и цвета фона

У меня есть div, который использует изображение границы. Ширина границы составляет 33 пикселя, но изображение не заполняет общую ширину и имеет прозрачность. Я хочу иметь цвет фона, который бы точно соответствовал моей границе. Вот код, с которым я …
08 мар '15 в 03:27
4 ответа

CSS border-image: только углы, заполненные указанным background-image. Зачем?

Я хотел бы использовать свойство CSS "border-image": https://developer.mozilla.org/de/docs/Web/CSS/border-image Но по какой-то причине он заполняет только четыре угла элемента: Мой код: .wrap { width: 400px; height: 300px; margin: 50px auto; positio…
17 ноя '16 в 06:58
1 ответ

Изображение границы с радиусом границы - но без наложения цвета границы

Я хочу создать прозрачную круглую кнопку, при нажатии она должна иметь полосатую рамку. Я хотел бы сделать это с помощью HTML, CSS или, если необходимо, java-скрипта. Вот пример: https://jsfiddle.net/chrichrichri/a9dpg582/38/ border-radius: 50px; в …
06 мар '18 в 16:31
1 ответ

Как добавить дополнительные CSS для текстового объекта Fabricjs?

При использовании текстового поля fabricjs я хотел бы добавить дополнительный текст в текстовое поле, чтобы область редактирования была более красивой. Эффект был бы таким. https://www.w3schools.com/CSSref/tryit.asp?filename=trycss3_border-image Кто…
16 фев '17 в 17:23
1 ответ

CSS Border-Image / Frame Like Overlay

Привет! Как бы вы создали изображение границы, которое перекрывает весь контент страницы, не мешая ему? Я подумал, что мне нужно будет использовать свойство изображения личной границы, но, похоже, его нельзя будет применить к приведенному ниже конте…
12 мар '15 в 21:27
0 ответов

Использование границы изображения в пользовательской форме CSS (треугольник снизу)

Я создаю сайт WordPress, но у меня возникают проблемы при попытке воспроизвести форму, похожую на шилд, с источником границ и изображением. Я смог добавить границы к "квадратной" основной фигуре, но не могу найти способ сделать это с "треугольной" ч…
17 мар '17 в 01:41
1 ответ

CSS3 рамки и изображения Retina

Мой вопрос довольно прост, есть ли способ (или взлом) заставить свойство border-image поддерживать дисплеи Retina (высокая четкость)? По крайней мере, в браузерах на основе Webkit. Если я пытаюсь использовать изображение с высоким разрешением в рамк…
15 май '15 в 09:20
0 ответов

Анимация границы изображения исчезла

Я применяю анимацию изображения границы к элементу. В некоторых браузерах это работает хорошо, но в некоторых браузерах, подождите несколько секунд, изображение границы исчезнет. Кто-нибудь может мне помочь? @keyframes neon-light-blink { 0%{ -webkit…
20 дек '17 в 04:22