CSS ile Dikine/Dikey Yazı Yazdırma

Google Güvenlik Teknoloji Programlar Sosyal Medya Flash Oyunlar Web Siteleri Web Teknolojileri PDF Önizleme Aracı Virüs Tarama Aracı Link Şifreleme Aracı PageRank Ölçme Aracı		TCP-IP VoIP GSM Fiber Optik WiMAX SEO Flash Htaccess Web Tasarım Web Programlama
HABERLEN Haberlen.com domain adresi satılıktır. Domain for sale ( 125*125 ) - SPONSOR - REKLAM ALANI SPONSOR OLMAK İSTER MİSİNİZ? İnterneti En Çok Kullanan İlk 20 Ülke ve Penetrasyonları 3 Boyutlu Flash Resim Döndürmeleri/Slider Yapın Telifsiz Çok Kaliteli Vektör Grafik Çalışmaları Ücretsiz Yüzlerce Yansıma Özellikli ve Monokrom İkon 80 Adet Pürüzsüz ve Parlak İkon Blog ve Web Sitelerini Mobil Sitelere Online Dönüştürme Servisleri Dünyanın En Çok Ziyaret Edilen İlk 1000 Sitesi İnternete Koyduğunuz Resimlerden Adresinizin Bulunabileceğini Biliyor Muydunuz Ülkelere Göre Google Arama Motoru Pazar Payları Yükselen Teknoloji Gerçek-Zamanlı Arama Rapidshare İndirme Kısıtlamasını Ortadan Kaldırın Pratik İnternet Hız Testleri 4Shared.com'da Ücretsiz Film, Müzik ve E-Kitap Arama Rapidshare ile Video, Film, Müzik ve Program İndirin 1000'in Üzerinde iPhone Uygulaması ve Programı Ücretsiz Cep Telefonu Videoları (.3gp) Blow Up, Klasik Top Vurma-Patlatma Oyunu Arrow Shooter, Adamın Kafasındaki Elmayı Vurun Ücretsiz 3B Animasyon, Film ve İçerik Yapma Programı Online Açık Kameraları Bulmak

E-Siber.com » Web Programlama » CSS ile Dikine/Dikey Yazı Yazdırma

Yazılarınızı soldaki gibi yatay ve dikey olarak aynı anda CSS sayesinde yazabilirsiniz. Artık dikine/dikey yazı yazmak için javascript kullanmanıza gerek kalmayacak.

Kodun şimdilik tek dezavantajı bütün tarayıcı sürümlerinde desteklenmemesi. Ama birçoğunda çalışıyor:

<style>
#ctn { height:30px; margin:5px; }
#little-caption { float:left; font-size:10px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
#big-toe { float:left; font-size:30px; }</style>
<div id="ctn">
<div id="big-toe">Merhaba</div>
<div id="little-caption">Dünya</div>
</div>

Kaynak: http://blog.andreaolivato.net/open-source/rotate-text-w...