Как обвести текст в CSS

Чтобы обвести текст рамкой в CSS, можно использовать свойства «border» или «outline». Разница между ними заключается в том, что свойство «border» добавляет рамку вокруг элемента, а свойство «outline» — контур вокруг элемента.

Свойство «border» представляет собой сокращенную запись различных свойств, задающих характеристики рамки. Например:

p {
  border: 1px solid black;
}

Этот код добавляет тонкую черную рамку с закругленными углами вокруг каждого параграфа.

Свойство «outline» также имеет сокращенную запись и может быть использовано для создания контура вокруг элемента. Например:

p {
  outline: 2px dotted red;
}

Этот код добавляет красный пунктирный контур вокруг каждого параграфа.

Оба свойства позволяют настроить обводку текста вокруг элементов на странице в CSS.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как обвести текст в CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали