CSS Metin Ayarlama

 

Bazi yazili basinda gördügümüz degisik sekilde olan metinler(tekst) hemen göze carpar. CSS ile artik bu cok kolay.

Örnek1:

Bu sekil hemen göze carpar. Siz tabiki genisligini veya diger renk ayarlarini istediginiz gibi yaparsiniz

Quellcode: (<HEAD> ve </HEAD> taglari arasina koyunuz.)

<style type="text/css">
.metinsekli {
border-left: 1px solid #000000; border-right: 1px solid #000000;
width: 60%; align: center; text-align: left ;
padding-left: 5px; padding-right: 5px }
</style>

Body-taglari arasindaki görünüsü:

<center><p class="metinsekli"> ... METIN... </p></center>

Sag ve sol Cizgiyi düz veya noktali yapabilirsiniz (dotted = noktali solid = normal cizgi). Genisligi mevcud olan alandan % 60`dir ve tabloyu ortalar. Metinin yan cizgilere uzakligi 5 Pixel(5px)dir.

Örnek2:

Bu sekil hemen göze carpar. Siz tabiki genisligini veya diger renk ayarlarini istediginiz gibi yaparsiniz.

Quellcode:

<style type="text/css">
.metinsekli2{
border-left: 1px dotted #000000; border-right: 1px dotted #000000;
width: 60%; align: center; text-align: left ;
padding: 5px; background-color: #cccccc }
</style>

 

 

 

CSS Metin Ayarlama