Przedrostki przed właściwościami

Właściwości CSS, mają w nazwie, różne przedrostki, takie jak: -moz-, -webkit-, -ms-. Wspomniane przedrostki są przeznaczone dla konkretnej przeglądarki internetowej.
-moz- przeznaczony jest dla przeglądarki Mozilla Firefox
-webkit- przeznaczony jest dla przeglądarki Google Chrome, Safari, Opera
-ms- przeznaczony jest dla przeglądarki Microsoft Internet Explorer
-o- przeznaczony jest dla przeglądarki Opera
Język CSS jest językiem, który cały czas się rozwija, są do niego dodawane nowe właściwości, lecz czasami zdarza się, że dana nowa właściwość, musi być w nieco inny sposób "obsłużona" przez poszczególną przeglądarkę internetową i właśnie dlatego powstały przedrostki, które ułatwiają pracę osobom odpowiedzialnym za tworzenie kolejnych wersji danych przeglądarek internetowych i osobom, które pracują nad rozwojem języka CSS.

Przykładowo, właściwość transform wraz z wartością rotate(45deg) obróci element HTML o 45 stopni w prawo, co zostało zaprezentowane w przykładzie, który znajduje się poniżej:

Niepoprawne

div{
transform: rotate(45deg);
}

Poprawne

div {
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
div


div

Jak widzimy właściwość transform posiada przedrostki, o których należy pamiętać, inaczej możemy nie dostrzec wprowadzonej zmiany po odświeżeniu strony. Przykład: Tabelka z nachylonymi divami


Tekst Tekst Tekst
Tekst Tekst Tekst

Porównanie obsługi CSS w różnych przeglądarkach internetowych Podczas pracy nad stroną zauważycie, że nie każda przeglądarka tak samo wyświetla cechy użytych znaczników. Warto więc przyjrzeć się różnicom w interpretowaniu elementów CSS.