Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> CSS - впервые такое вижу - можите разобрать?! 
:(
    Опции темы
Enya
  Дата 19.6.2007, 21:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 386
Регистрация: 5.10.2005

Репутация: нет
Всего: нет



Посмотрела исходный код одного интересного элемента на странице маил.ру - и даже удивилась.
Код

td{
padding: 5px;
background: transparent url(http://img.mail.ru/r/minglory/back.jpg) repeat scroll center bottom;
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;

Что скажите? Кому не слабо добавить комментарий к каждой строчке? smile

Добавлено через 4 минуты и 6 секунд
вот этот кусочек, его исходный код меня интересовал

Присоединённый файл ( Кол-во скачиваний: 18 )
Присоединённый файл  scr.JPG 11,06 Kb


--------------------

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
webster
Дата 19.6.2007, 22:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34



Мозиловские "примочки", можно у них на сайте посмотреть по-подробнее http://developer.mozilla.org/en/docs/CSS_R...illa_Extensions
PM MAIL   Вверх
Uratsakidogi
Дата 20.6.2007, 00:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 118
Регистрация: 17.10.2006

Репутация: 11
Всего: 11



Если убрать префиксы -moz-, то мы получим свойства из черновика CSS3. Про них можно почитать на сайте w3c: http://www.w3.org/TR/css3-background/.
Мозилла добавила эти свойства в виде экспериментальных, потом они станут доступны и без префиксов (а может и уже доступны).
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!
PM MAIL WWW ICQ Skype   Вверх
Enya
Дата 20.6.2007, 08:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 386
Регистрация: 5.10.2005

Репутация: нет
Всего: нет



webster, Uratsakidogi, ну а прокоментировать?
А как вообще эти свойства? действующие? полезные?


--------------------

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
Uratsakidogi
Дата 20.6.2007, 10:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 118
Регистрация: 17.10.2006

Репутация: 11
Всего: 11



background-clip:
Цитата(http://www.w3.org/TR/css3-background/#the-background-clip)
Determines whether the background extends into the border area or not. If the value is 'padding', the background is clipped to the padding edge and the background of the border is transparent. If the value is 'border', the background extends into the border area.
Цитата(по-русски)
Определяет, будет ли фон распространятся под border или нет. Если назначено 'padding', фон доходит до границы padding'а, а фон border'а прозрачный. Если назначено 'border', фон заходит под border.


background-origin:
Цитата(http://www.w3.org/TR/css3-background/#the-background-origin)
Determines how the 'background-position' is calculated. With a value of 'padding', the position is relative to the padding edge ('0 0' is the upper left corner of the padding edge, '100% 100%' is the lower right corner). 'Border' means the position is relative to the border edge, and 'content' means relative to the content edge.
Цитата(по-русски)
Определяет то, как будет расчитывается свйоство background-position. При значении 'padding', положение фона будет относительно границы padding'а ('0 0' — верхний левый угол границы padding'а, '100% 100%' — нижний правый). 'Border' означает, что фон будет расопложен относительно border'а, а 'content' — относительно контента.


-moz-background-inline-policy:
Цитата(http://developer.mozilla.org/en/docs/CSS:-moz-background-inline-policy)
In Gecko-based applications, -moz-background-inline-policy is a CSS property that specifies how the coordinate system for the background-position of an inline element is chosen when the content of the inline element wraps onto multiple lines. The choice of position has significant effects on repetition.
Цитата(по-русски)
В приложениях на базе Gecko, -moz-background-inline-policy — это CSS свойствао, которое определяет систему координат для свойства background-position inline-элементов, когда их содержимое занимает несколько строк. Этот выбор оказывает сильное влияние на повтор фона.


Как-то так.

Это сообщение отредактировал(а) Uratsakidogi - 20.6.2007, 10:47
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0424 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.