phpjsJqueryhtmlcssblog

Значение двойной double css html

Что такое double в css. Двойной / double одно из значений border. Получим двонуое начертание линии. Как переводится double?

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

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

Скопировать ссылку



Что такое double в css

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

double(двойной) - значение, которое показывать начертание линии. Может принимать свойство border.


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

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


двойной, двоякий, удвоенный прил

сдвоенный прич

удваивать, удваиваться гл

двойник сущ

Синтаксис double

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

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

Начертание нашего бордюра - double - двойной.

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

border : 2px double red;

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

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

div и значение double
Видим, что двойную линию мы не видим, хоят значение double поставлено, но если мы увеличим размер , например до 5px

div и значение double

И далее, все толщины бордюра поставим 5px.

Скопировать ссылку



Задаем double через атрибут style

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

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

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

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

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

style =""

Уже вовнутрь нашего атрибута style помещаем свойство border с нашим начертанием double

style ="border : 5px double blue;"

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

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

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

div и значение double

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

Скопировать ссылку



Задаем double через тег style

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


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

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

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

<style>style</style>

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

<style>.example_double{ border : 5px double violet; } </style>

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

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

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

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

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

Скопировать ссылку



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

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


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

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

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

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

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

Еще никто не прокомментировал! COMMENTS+   BBcode

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

---