Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - background-clip.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Внимание!!! Свойство background-clip не поддерживается в Internet Explorer 8 и более ранних версий.

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

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство background-clip, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.

Определение и использование

JavaScript синтаксис:
Значение по умолчанию: border-box
наследование: нет
Версия: CSS3
"объект".style.backgroundClip="content-box"


Свойства Значения

Значение Описание
border-box Фон обрезается до границы поля
padding-box Фон обрезается до заполнения поля
content-box Фон обрезается до содержимого коробки
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Синтаксис:

            background-clip: value;

Пишем программу - Укажите область фона:

< !DOCTYPE html>
< html>
< head>
< style>
div#rr
{
width:300px;
height:300px;
padding:50px;
background-color:yellow;
background-clip:content-box;
border:2px solid #92b901;
}
< /style>
< /head>
< body>

< div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed 
диам nonummy nibh euismod tincidunt ut laoreet dolore magna 
aliquam erat volutpat. Ut wisi enim ad минимум veniam, quis 
nostrud exerci tation ullamcorper suscipit lobortis nisl ut 
aliquip экс она commodo consequat. Duis autem vel : : eum 
iriure dolor в hendrerit в vulputate velit эссе molestie 
consequat, vel illum dolore я feugiat nulla facilisis at 
vero эрос et accumsan et iusto одио dignissim qui blandit 
praesent luptatum zzril delenit augue duis dolore вы feugait 
nulla facilisi.
< /div>

< /body>
< /html>                     

Результат программы:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed диам nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad минимум veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip экс она commodo consequat. Duis autem vel : : eum iriure dolor в hendrerit в vulputate velit эссе molestie consequat, vel illum dolore я feugiat nulla facilisis at vero эрос et accumsan et iusto одио dignissim qui blandit praesent luptatum zzril delenit augue duis dolore вы feugait nulla facilisi.



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: