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


ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте. 19-10-2019 14:59 к комментариям - к полной версии - понравилось!

Это цитата сообщения Вера_Верочка_Веровь Оригинальное сообщение

Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.





    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. htmlbook.ru
2. impuls-web.ru



Серия сообщений " ШПАРГАЛКИ***** кодов для оформления":

Часть 1 - ССЫЛКА на свой дневник...
Часть 2 - Рамочки в 1 слой...
...
Часть 26 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...
Часть 27 - Всё для Вашего дневника...
Часть 28 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.




Серия сообщений " *** Пишем красиво - ":

Часть 1 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
Часть 2 - Бегущие строчки...
...
Часть 11 - ШРИФТЫ...
Часть 12 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...
Часть 13 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.


вверх^ к полной версии понравилось! в evernote


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

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