Записи Друзья Комментарии
соо-шпаргалка
Аватар соо-шпаргалка

 -Всегда под рукой

 -Метки

adobe flash cs6 portable. artstudio blufftitler dp animation maker free online-image-editor gimp html mozilla firefox paint viber windows movie maker youtube Маски ТВ анимация антивирус блокировка рекламы браузер бродилка видео вирус вопрос все под рукой генератор генератор анимации генератор кнопок генератор рамочек генератор слайд-шоу генератор текста генераторы цвета движение делаем кнопки делаем плеер делаем рамочки делаем схемы делаем фон закладки запись действия на компьютере иконки интернет кат клавиши кнопки компьютер конвектор лиру мозилла музыка новости обои обрезать музыку окошко для кода оформление ссылок палитра цвета папки плагины плеер подложка поздравления программы промотка текста простой редактор работа с видео работа с картинкой работа с текстом работа с флеш рабочий стол радио рамочка с разрывом рамочки рамочки фш расположение картинок расположение текста расширение реклама сайты сертификат скайп скорость интернета слайд-шоу справочник лиру стили фотошоп таблицы текст телефон уроки от veta уроки фотошоп установка фильтров фильтры флеш фоторедактор фотохостинг фотошоп хостинг часики часы чистильщик шаблоны рамочек шрифт эдитор яндекс яндекс-диск

 -Поиск по дневнику

Поиск сообщений в соо-шпаргалка

 -Подписка по e-mail

 

 -Сообщества

Участник сообществ (Всего в списке: 1) Best_of_Callery

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.12.2014
Записей: 756
Комментариев: 3860
Написано: 5167


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

Суббота, 19 Октября 2019 г. 11:48 + в цитатник
Veta-z все записи автора
Цитата сообщения Вера_Верочка_Веровь
Прочитать целикомВ свой цитатник или сообщество!


    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 - Промотка текста в записи
...
Часть 31 - Все о бегущем тексте
Часть 32 - Ставим картинки по краям текста
Часть 33 - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
Часть 34 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 35 - Как разбить текст на 2 колонки HTML
Часть 36 - Образцы русифицированных шрифтов
Часть 37 - Генераторы текста (используем прокрутку справа)

Метки:  
Понравилось: 6 пользователям
Нравится

Нэкто   обратиться по имени Суббота, 19 Октября 2019 г. 19:06 (ссылка)
++
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 20 Октября 2019 г. 11:56ссылка
Veta-z
спасибо!
ОтветитьС цитатойВ цитатникОбратиться по имени
Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте