• Авторизация
Дневник LoRaLaRa Лента друзей - Дневник - Полная версия


ВЕРТИКАЛЬНАЯ ЛИНИЯ в текст 20-01-2023 18:22 к комментариям - к полной версии - понравилось!

Это цитата сообщения БЕЛОЯР_2 Оригинальное сообщение

ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.



    👉 margin-left: например 20px; /* Отступ с левого края рамочки*/

    👉 padding-left: например 10px; /* Расстояние от линии до текста */

    👉 border-left: например 2px solid #ccc /* Параметры линии */,

    где

    👉 2px — Ширина (толщина) линии в px;

    👉 solid — Вид линии (- solid — сплошная линия;
    👉 dotted — точки;
    👉 dashed — пунктир;
    👉 double — двойная;
    👉 groove — вдавленная линия с имитацией объёма;
    👉 ridge — выпуклая с имитацией объёма;
    👉 inset — весь блок кажется вдавленным;
    👉 outset — весь блок кажется выпуклым;)

    👉 #ccc — Цвет линии в разных форматах(#50e024; #6C3; rgb(31%, 88%, 14%); hsl(106, 75%, 51%); и т.д.)


    Для подбора цвета линии можно использовать КОНВЕРТЕР ЦВЕТОВ. В формулу подходят значения цветов в форматах: HEX; WEBSAFE; RGB; RGBA; % RGB; % RGBA; HSL; HSLA


Ещё одна формула вертикальной линии в тексте несколько отличается, какую будете использовать — решайте сами:


Вертикальная линия HTML
С помощью свойства border-left мы задаем границу блока с левой стороны, и задаем следующие параметры границы:

👉 border-left: 3px – толщина линии
👉 solid – сплошная линия.

Так же можно сделать:

👉 dotted – пунктирную,
👉 dashed – прерывистую,
👉 double – двойную,
👉 groove – вогнутую,
👉 ridge – выпуклую.

👉 red – это цвет границы. Его вы можете задать названием цвета, #, в шестнадцатеричном формате, с помощью таблицы цветов RGB или RGBA.

В помощь сайт:
1. impuls-web.ru
вверх^ к полной версии понравилось! в evernote
Комментарии (1):


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник ВЕРТИКАЛЬНАЯ ЛИНИЯ в текст | LoRaLaRa - Дневник LoRaLaRa | Лента друзей LoRaLaRa / Полная версия Добавить в друзья Страницы: раньше»