CSS ile Dikine/Dikey Yazı Yazdırma

teknoloji haberinin
değil, bilgisinin
peşinde...

"WEB"in Son Çıkan Önemli Yazıları

Revaçta Olan Konular

Sitede şu an 1546 yazı bulunmaktadır.

Follow @esibercom

Gerçek İnternet Hızı Ölçüm ve Test Aracı

Online Virüslü ve Zararlı Siteleri Tespit Edin

Özel Yazılar

Çok Okunanlar

Son Yazılar

Rastgele Yazılar

Son Yorumlar

demo css Rotate text with CSS 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>

<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>

css · javascript · css yazı · dikey yazı · dikine yazı ·

Yazan: M. Mekin Pesen | 10.11.2009 | 2481 kez okundu.

Face

Tumblr'da paylaş

WEB

Yukarı Çık