Bizde sayfalarımıza hangi tarayıcıyla girildiğini tespit edip CSS sınıfımızda o tarayıcıya özel işlem yapmasını söyleyeceğiz.

• Öncelikle java dosyasını buradan indirip projenize ekleyin.
• Daha sonra "head" tagları arasına aşağıdaki kodu ekleyin.

• geriye CSS dosyamızda bu kütüphaneyi kullanmak kaldı.

  /*baslikDIV adında CSS sınıfımız var. Hiçbirşey belirtilmediği için tarayıcıda bu tanımlamalara göre şlem yapacak.*/
  .baslikDIV
  {
  	text-align: center;
  	font-size:12pt;
  	font-family:Tahoma;
  	line-height:14pt;
  
  }
  /*firefox tarayıcısı için aynısınıf aşağıdaki gibi davranacak.*/
  .win.gecko .baslikDIV
  {
          text-align: left;
  	font-size:10pt;
  	font-family:Arial;
  	line-height:12pt;
  
  
  }
  

Kullanımı yukarıdaki gibidir. .win.geckoyazan yer bizim tarayıcı belirttiğimizi ifade eder. Farklı tarayıcıları için kodları aşağıda bulabilirsiniz.

• win - Microsoft Windows
• linux - Linux (x11 and linux)
• mac - Mac OS
• freebsd - FreeBSD
• ipod - iPod Touch
• iphone - iPhone
• webtv - WebTV
• mobile - J2ME Devices (ex: Opera mini)

Tarayıcı seçimi için (.gecko yazan kısım firefox olduğunu gösterir.);

• ie » Internet Explorer (Tüm versiyonları)
• ie8 » Internet Explorer 8.x
• ie7 » Internet Explorer 7.x
• ie6 » Internet Explorer 6.x
• ie5 » Internet Explorer 5.x
• gecko » Mozilla, Firefox (Tüm versiyonları), Camino
• ff2 » Firefox 2
• ff3 »Firefox 3
• ff3_5 » Firefox 3.5
• opera » Opera (Tüm versiyonları)
• opera8 » Opera 8.x
• opera9 » Opera 9.x
• opera10 » Opera 10.x
• konqueror » Konqueror
• webkit veya safari » Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
• safari3 » Safari 3.x
• chrome » Google Chrome
• iron » SRWare Iron