Как сместить border css

Свойство outline-offset

Свойство outline-offset задает отступ внешней рамки — границы, которая не занимает места. Значением свойства служат любые единицы для размеров, кроме процентов. Значение по умолчанию: 0 . Положительное значение сдвигает рамку наружу от элемента, отрицательное — вовнутрь.

Синтаксис

Пример . Положительное значение

Рамка отступает от элемента (он выделен фоном):

Пример . Отрицательное значение

Рамка находится внутри элемента:

Пример . Отрицательное значение outline + border

Можно сделать такой интересный эффект (обратите внимание на толщину белого промежутка между границами, он 10px , а не 14 , так как часть съел outline своей толщиной в 4px):

Как передвинуть border у любого элемента

Как прикрутить анимацию для элемента border на wordpress
Есть сайт, у него есть блоки, созданные в плагине pagebuilder by siteorigins. Как можно прикрутить.

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

Как узнать Handle любого элемента?
1)Народ как в своей(неважно) узнать Handle любого элемента.? 2)Как получит Handle чужого окна.

Как вернуть тип переменной и любого другого элемента программы?
Есть такой примитивный код. #include "stdafx.h"//должна быть в начале #include <conio.h>.

Лучший ответСообщение было отмечено gogolik как решение

Решение

Добавлено через 2 минуты
Чтобы можно было создавать такой эффект для блока любых размеров, стили для after предлагаю генерировать на JS.

Возможно также, следует смотреть в сторону теней.

Сообщение от CyberPaladin
Сообщение от CyberPaladin
Сообщение от DrType
Сообщение от DrType

Когда это писал, думал о том, как бы приспособить стили after под деформации блока. Скажем, чтобы after имел всегда такой же border-radius , такое же значение transform и т. д.

Как написать рекурсивную функцию подсчета вхождения любого элемента?
Здравствуйте. Читаю книгу — Грэм. Ansi Common lisp Задача — "Предложите итеративное и.

Как поставить иконку кругом в центре border-bottom без фона border-bottom внутри круга?
Как поставить иконку кругом в центре border-bottom без фона border-bottom внутри круга?Чет.

Получение имени элемента Border
Доброго времени суток. Ребят, у меня возникла ситуация, решения которой я пока не могу найти. У.

Как узнать margin-left любого элемента от главного окна окна браузера?
причем не важно какую вложенность имеет элемент сам элемент, т.е. в скольких контейнерах он бы не.

border

Свойство CSS border это универсальное свойство для указания всех персональных свойств границ за раз: border-width , border-style (en-US) , и border-color (en-US) .

Как и во всех универсальных свойствах, любое персональное значение, которое не указанно, устанавливается в начальное значение. Обратите внимание, border не может быть использован для указания пользовательского значения border-image (en-US) , но вместо этого устанавливает его в начальное значение, т.е. none .

Замечание: Рекомендуется использовать border , когда вы хотите установить все свойства границ одновременно. Тогда как универсальные свойства border-width , border-style (en-US) , и border-color (en-US) принимают до четырёх значений, позволяя установить различные значения для каждого ребра, border принимает единственное значение для каждого свойства. И этот стиль применяется для всех четырёх границ.

Синтаксис

Свойство border указывается используя одно или более значений <br-width> , <br-style> , и <color> указанных ниже.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *