январь 2021
|
Пн |
Вт |
Ср |
Чт |
Пт |
Сб |
Вс |
|
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 - clip.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть поддерживается во всех основных браузерах.
Определение и использование. Свойство clip клип позволяет указать прямоугольник, обрезать абсолютным позиционированием элемента. Прямоугольник представляет собой четыре координаты, все из верхнего левого угла элемента должны быть обрезанными. Внимание!!! Свойство clip клип не работает при переполнении: visible.
По простому говоря, свойство clip задает размеры абсолютно позиционированного элемента, в пределах которого содержимое выбранного тега будет видимым, после этого выбранный элемент обрезается по указанным размерам формы и только потом будет отображается.
Самое мощное и интересное здесь не в том, что производится какое-то изменение какого-то участка( элемента) страницы сайта. Вся интересная и необходимая информация в том, что свойство color-profile, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера. Всегда и при любых обстоятельствах.
Синтаксис:
clip: auto|shape|initial|inherit;
Описание и Использование
Значение по умолчанию: |
auto |
наследует: |
нет |
анимируемых: |
да |
Версия: |
CSS2 |
JavaScript синтаксис: |
object.style.clip="rect(0px,50px,50px,0px)" |
Свойства Значения
Значение |
Описание |
auto |
Отсечение не будет применяться. Это значение установлено по умолчанию |
shape |
Клипы элемента. Единственное допустимое значение: rect( top, right, bottom, left) |
initial |
Это свойство задает значение по умолчанию. |
inherit |
Наследует это свойство от своего родительского элемента. |
Пишем программу:
< !DOCTYPE>
< html>
< head>
< style>
img
{
position:absolute;
clip:rect(0px,80px,220px,0px);
}
< /style>
< /head>
< body>
< img src="../oboi/2014a.gif" width="120" height="160" />
< /body>
< /html>
Результат программы:
обратно на главную назад дальше вперед
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
добрый день!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|