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

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

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

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

Что такое solid в css

В самом начале нам нужно дать определение : "Что такое solid в css"

solid - это одно из значений, которое может принимать свойство border.

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

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

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

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

Синтаксис solid

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

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

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

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

border : 1px solid red;

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

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

div и значение solid
[kod]



Задаем 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 применяется точечно в одном месте. когда нет повторений на странице.




Задаем 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 применяется на одной, или нескольких страницах, когда есть повторения на странице.




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

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

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

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

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

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

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