Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ alt htmlcssphpjsblog

Значение сплошной solid css html

Поддержи проект!!! smile

Что такое solid в css. Имеет ли solid какое-то отношение к html!? Как переводится solid? Имеет непосредственное отношении, потому что находится внутри тега html.

О значении solid в css html

  1. Что такое solid в css
  2. Задаем solid через атрибут style
  3. Задаем solid через тег style
  4. Задаем solid через файл css

  1. Что такое solid в css

    В самом начале нам нужно дать определение : "Что такое solid в css"
    solid - это одно из значений, которое может принимать свойство border.

    Как переводится solid

    solid - с английского переводится как:

    твердый, сплошной, прочный, основательный - прил

    твердое тело, массив - сущ

    Синтаксис solid

    Пишется свойство - border .

    Добавляется толщина в единицах измерения, в данном случае пиксели - 1px.

    Начертание нашего бордюра - solid - сплошной.

    И задаем цвет - red(предопределенный)

    border : 1px solid red;

    Пример использования solid в css

    Для того, чтобы продемонстрировать, как это будет в сборе в html теге, нам понадобится пример, разберем его в следующем пункте:

    div и значение solid


  2. Задаем solid через атрибут style

    Когда требуется использование точечно, т.е. в одном месте используется атрибут style attribute style внутри тега.

    Сразу перейдем к практике:

    Для того, чтобы разобрать пример нам понадобится какой-то блок, пусть это будет div :

    <div>div и значение solid </div>

    Внутрь помещаем атрибут style:

    style =""
    Уже вовнутрь нашего атрибута style помещаем свойство border с нашим начертанием solid
    style ="border : 1px solid blue;"

    Соберем весь код вместе:

    <div style ="border : 1px solid blue;">div и значение solid </div>

    Результат применения значения solid через атрибут style

    div и значение solid

    Данный вариант использования значения solid применяется точечно в одном месте. когда нет повторений на странице.


  3. Задаем solid через тег style

    Зададим solid через тег style. Для этого нам опять понадобится какой-то блок :

    Не будем долго ломать голову и используем тоже див :

    <div>div и значение solid + тег style</div>

    В отличии от предыдущего пункта, создаем тег style style

    <style>style</style>

    Создаем класс - "example_solid", он у нас будет размещаться и в теге "div", а в теге "style" будут прописаны свойства данного класса, класс задается точкой, внутри класса помещаем ранее использованные свойства и значение нашего "солида"

    <style>.example_solid{ border : 1px solid violet; } </style>

    Соберем весь код вместе:

    <style>.example_solid{ border : 1px solid violet; } </style>
    <div class="example_solid">div и значение solid + тег style </div>

    Результат применения значения solid через атрибут style

    div и значение solid + тег style

    Данный вариант использования значения solid применяется на одной, или нескольких страницах, когда есть повторения на странице.


  4. Задаем solid через файл css

    Следующий вариант использования значения solid - в файле css file css - абсолютно аналогично предыдущему пункту, только с той разницей, что класс располагается в файле css!

    Для этого вам потребуется:

    Как сделать css файл документ

    Прикрепить css к html

    Расположить выше приведенные стили в созданном файле css.

    Данный вариант использования значения solid применяется в том случае, когда требуется данный эффект распространить на весь сайт.


Последняя дата редактирования : 08.12.2020 12:51
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
23/07/2021 10:58
Сам офигеваю...
подробнее.
александр анатольевич таширев :
21/07/2021 02:47
прикольно
подробнее.
Марат :
17/07/2021 04:14
Рад, что помог! Приходите ещё!
подробнее.
Slomal Plintus :
16/07/2021 06:41
спасибо за ответ, очень помогло!
подробнее.
Марат :
12/06/2021 10:04
Рад, что понравилось!Приходите ещё!
подробнее.

текст_ссылки