Элементы CSS браузеров!

[tini.kRyptoNite]

На вашем сайте нашел справочник по этим класс. Ну что-то типо -o- -moz-. Но вот инфу про это не нашел. Не подскажите как это называется и где можно прочитать что оно собой представляет?

[DrStrangeLove]

Это не классы!!

Это так называемые вендорные префиксы - приставки к css свойствам (из CSS3), приставки которые идентифицируют браузер.

Часто css свойства из CSS3 имеют такие приставки. Чтобы css свойство работало в таком-то браузере нужно указать соответствующую приставку..

Следовательно нужно указать одно и тоже css правило несколько раз - но с разными приставками чтобы работало во всех современных браузерах (поддерживающих CSS3)

наиболее используемые приставки:

-moz- Firefox

-o- Opera

-webkit- Google Chrome, Safari

-ms- IE

-khtml- Konqueror

Edited November 27, 2011 by DrStrangeLove

[Noodles]

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

[tini.kRyptoNite]

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

То есть каждый браузер узнает свой код, а другие браузеры пропускают чужой?

[DrStrangeLove]

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

То есть каждый браузер узнает свой код, а другие браузеры пропускают чужой?

так точно.

[tini.kRyptoNite]

А есть ли смысл их использовать? Так как не у каждого браузера одинаковые количество этих стилей то мы не получим кросбраузерность!

[Noodles]

обычно используют css такого вида:

box-shadow: 0 0 10px rgba(0,0,0,0.5);

-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);

-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);

box-shadow - будет использован браузерами новых версий, которые понимают это свойство

-moz-box-shadow

-webkit-box-shadow - будут использовать старые браузеры mozilla и chrome которые еще не понимают свойства box-shadow, но уже по своему могут отобразить тень через -webkit-box-shadow или -moz-box-shadow

[tini.kRyptoNite]

обычно используют css такого вида:

box-shadow: 0 0 10px rgba(0,0,0,0.5);

-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);

-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);

box-shadow - будет использован браузерами новых версий, которые понимают это свойство

-moz-box-shadow

-webkit-box-shadow - будут использовать старые браузеры mozilla и chrome которые еще не понимают свойства box-shadow, но уже по своему могут отобразить тень через -webkit-box-shadow или -moz-box-shadow

благодарю. Хорошая инфа. А вот на счет если указывать браузерные css и простое css свойство. То которое будет выводиться браузером?