Граница

Перейдите в окно редактирование CSS стилей, нажав кнопку 

phpKSAah9

Выберите раздел "Граница". В разделе Граница  можно редактировать стиль, ширину и цвет границы выделенного Вами элемента.

Шаг 1

Если Вы хотите установить стиль одинаковый для всей границы выделенного элемента, нужно поставить галочку напротив пункта  Одинаково для всех.

1

Далее в ячейке ниже, в выпадающем списке выбираем необходимое значение.

2

none - граница отсутствует;
solid - сплошная граница;
dashed - пунктирная граница;
dotted- граница из ряда точек;
double- двойная граница;
groove- граница "бороздка" ;
ridge - граница "гребень" ;
inset - вдавленная граница;
outset - выдавленная граница ;
значение-Ваш вариант.

Если нужно  установить различный стиль границы сторон выделенного элемента, необходимо убрать галочку напротив пункта Одинаково для всех. После этого станут  активными пункты Вверх, Справа, Снизу, Слева, где в каждой ячейке можно указать необходимый параметр.

3

    

Шаг 2

В поле Ширина можно задать необходимый размер ширины выбранному параметру границы. Если Вы хотите установить ширину, одинаковую для всей границы выделенного элемента, нужно поставить галочку напротив пункта  Одинаково для всех.

4

Далее в ячейке ниже, в выпадающем списке выбираем необходимое значение.

5

thin - тонкая граница;
medium- средняя толщина границы;
thick - толстая граница;
значение- Ваш вариант.

Далее в соседней ячейке рядом со значением, в выпадающем списке можно выбирать единицу измерения выбранного параметра ширины.

6

Pixels – пиксели, 1px зависит от размера экрана и его параметров;
Points – пункты, 1pt = 1/72 дюйма;
inches – дюймы, 1in = 2,54 см ;
Centimetres-сантиметры, сm;
millimeters – миллиметры, mm;
Picas – пикасы, 1pc = 12pt ;
ems- Высота относительная родительского элемента;
exs- Высота символа x , который привязан  к размеру родительского элемента;
%- процентное соотношение к родительскому элементу.

Если Вы хотите установить разную ширину   границы выделенного элемента, необходимо убрать галочку напротив пункта Одинаково для всех.  

7

После этого становятся активными пункты Вверх, Справа, Снизу, Слева,  где для каждой стороны  можно  указать необходимый параметр ширины и его единицу измерения.

Шаг 3

В поле Цвет можно задать необходимое цветовое оформление заданному стилю границы элемента.

Если Вы нужно установить цвет одинаковый для всей границы выделенного элемента, ставите галочку напротив пункта  Одинаково для всех.  

8

Далее нужно нажать левой кнопкой мыши по кнопке Обзор .  В открывшемся окне Цвета выберите  наиболее удобный для Вас вариант из предложенных.

В разделе Спектр есть возможность в общей палитре цветов при наведении курсора выбрать необходимый оттенок и , далее в шкале, выводимой справа более точно подобрать нужный цвет.  Код выбранного цвета отображается внизу окна. Так же можно ввести самостоятельно необходимый код цвета  шестнадцатеричным значением цвета RGB, например: #ff0000 (красный).

9

По окончании выбора цвета нужно нажать кнопку "Применить".

В разделе Палитра есть возможность подобрать цвет из предложенных  вариантов , нажав левой кнопкой мыши на квадратик с выбранным изображением, код выбранного цвета отобразится внизу окна. В данном разделе так же можно ввести самостоятельно необходимый код цвета  шестнадцатеричным значением цвета RGB.

10

По окончании выбора цвета нужно нажать кнопку "Применить".

В разделе Названия, так же как и в предыдущем, есть возможность подобрать цвет из предложенных  вариантов , нажав левой кнопкой мыши на квадратик с выбранным изображением. Код  и название выбранного цвета отобразится внизу окна. Тут так же можно ввести самостоятельно необходимый код цвета  шестнадцатеричным значением цвета RGB.

11

По окончании выбора цвета нужно нажать кнопку "Применить".


Если вы хотите установить цвет  границы разный для  выделенного элемента, необходимо убрать галочку напротив пункта Одинаково для всех.  После этого становятся активными пункты Вверх, Справа, Снизу, Слева, где в каждой ячейке можно указать  необходимое значение цвета.

12

После выбора необходимых параметров для оформления границы элемента  можно нажать кнопку Применить, для того, что бы посмотреть, как будут выглядеть обновления или Обновить, для того, что бы выбранные значения применить  для редактируемого текста.

Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий