Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
clip

shape – форма в виде квадрата, единственное допустимое значение которой - rect, определяющее смещение от соответствующих сторон элемента. Смещение устанавливается следующим образом – top, right, bottom, left, где top – смещение от верхней границы элемента, right – смещение от правой границы элемента, bottom– смещение от нижней границы элемента, left– смещение от левой границы элемента.

Отрицательные значения в свойстве clip запрещены.

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3.<html>
  4. <head>
  5.<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  6.<title>clip</title>
  7.<style type="text/css">
  8. #layer {
  9. position: absolute; /* Абсолютное позиционирование */
10. clip: rect(40px, auto, auto, 40px); /* Прячем часть текста */
11. width: 200px; /* Ширина блока */
12. color: white; /* Цвет текста */
13. background: #7f4c3e; /* Цвет фона */
14. border: 1px solid black; /* Параметры рамки */
15.
16. padding: 10px; /* Поля вокруг текста */
17. }
18.</style>
19.</head>
20.<body>
21.<div id="layer">
22.<p> Кто делает вид, что много знает и ко всему способен,
23.тот ничего не знает и ни к чему не способен. Лао Цзы.
24.
25.p>
26. </div>
27. </body>
28.</html>
29.

  1.P { clip: rect(5px, 10px, 10px, 5px); }
  2.P { clip: rect(5px, -5px, 10px, 5px); }
  3.


Доступ и установка с jQuery

  • Получить свойство clip: val = $("div").css("clip");
  • Установить свойство clip: $("div").css({"clip":"..."});
  • Установить свойство clip: $("div").css("clip","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org