"background-attachment : fixed" Arka plan resminin sabit kalmasını sağlar

Orhan Veli

İstanbul'u Dinliyorum

"font-family: serif" Yazı tipini serif yapar

"İstanbul'u dinliyorum, gözlerim kapalı

Önce hafiften bir rüzgar esiyor;

Yavaş yavaş sallanıyor

Yapraklar ağaçlarda;

" font-style: italic;" Yazı stilini italic yapar

Uzaklarda, çok uzaklarda,

Sucuların hiç durmayan çıngırakları

İstanbul'u dinliyorum, gözlerim kapalı.

İstanbul'u dinliyorum, gözlerim kapalı;



"font-family: sans-serif" Yazı tipini sans-serif yapar

İstanbul'u dinliyorum, gözlerim kapalı.

İstanbul'u dinliyorum, gözlerim kapalı;

Beyoğlu'nda bir adam sopasıyla bir köpek öldürüyor;

Ah! Nefret ettim böyle insanlardan...

"font-style: normal" Yazı stili normal kalır

Kuşlar geçiyor, derken;

Yükseklerden, sürü sürü, çığlık çığlık.

Ağlar çekiliyor dalyanlarda;

Bir kadının suya değiyor ayakları;



"font-family: monospace" Yazı tipini monospace yapar

İstanbul'u dinliyorum, gözlerim kapalı;

Bir kuş çırpınıyor eteklerinde;

Alnın sıcak mı, değil mi, bilmiyorum;

Dudakların ıslak mı, değil mi, bilmiyorum;

"font-style: oblique" Yazı stili oblique yapar

İstanbul'u dinliyorum, gözlerim kapalı;

Bir yosma geçiyor kaldırımdan;

Küfürler, şarkılar, türküler, laf atmalar.

Beyoğlu'nda bir gece daha başlıyor.



"font-family: cursive" Yazı tipini cursive yapar

Yapraklar ağaçlarda;

Uzaklarda, çok uzaklarda,

Sucuların hiç durmayan çıngırakları

İstanbul'u dinliyorum, gözlerim kapalı.

İstanbul'u dinliyorum, gözlerim kapalı;

"font-weight: bold;" Yazı stili kalın yapar

Beyoğlu'nda bir rüzgar daha başlıyor

İstanbul'u dinliyorum."

"İstanbul'u dinliyorum, gözlerim kapalı

Önce hafiften bir rüzgar esiyor;

Yavaş yavaş sallanıyor



"font-family: fantasy" Yazı tipini fantasy yapar

Kuşlar geçiyor, derken;

Yükseklerden, sürü sürü, çığlık çığlık.

Ağlar çekiliyor dalyanlarda;

Bir kadının suya değiyor ayakları;

"color:" Yazı rengini değiştirir

"color: darkorchid;"

İstanbul'u dinliyorum, gözlerim kapalı.

İstanbul'u dinliyorum, gözlerim kapalı;

Beyoğlu'nda bir adam sopasıyla bir köpek öldürüyor;

"color: mediumseagreen;"

Ah! Nefret ettim böyle insanlardan...

İstanbul'u dinliyorum, gözlerim kapalı;

Bir yosma geçiyor kaldırımdan;

Küfürler, şarkılar, türküler, laf atmalar.



"font-size: large" Yazı boyutunu büyütür

Alnın sıcak mı, değil mi, bilmiyorum;

Beyoğlu'nda bir gece daha başlıyor.

İstanbul'u dinliyorum, gözlerim kapalı;

Bir kuş çırpınıyor eteklerinde;

"font-size: small" Yazı boyutunu küçültür

Dudakların ıslak mı, değil mi, bilmiyorum;

Beyoğlu'nda bir rüzgar daha başlıyor

İstanbul'u dinliyorum."

background-attachment : scroll Arka plan resminin kaymasını sağlar

arka plan resminin kaymasını sağlar

Orhan Veli

"İstanbul'u Dinliyorum" şiiri:

İstanbul'u dinliyorum, gözlerim kapalı.

İstanbul'u dinliyorum, gözlerim kapalı;

Kuşlar geçiyor, derken;



"line-height" Satırlar arsındaki boşluğu ayarlar

Yapraklar ağaçlarda;

Uzaklarda, çok uzaklarda,

Sucuların hiç durmayan çıngırakları

"line-height" Satırlar arsındaki boşluğu ayarlar

"İstanbul'u dinliyorum, gözlerim kapalı

Önce hafiften bir rüzgar esiyor;

Yavaş yavaş sallanıyor





""text-align: center;" Yazıyı ortaya konumlandırır

Beyoğlu'nda bir gece daha başlıyor.İstanbul'u dinliyorum, gözlerim kapalı;Bir kuş çırpınıyor eteklerinde;Alnın sıcak mı, değil mi, bilmiyorum; Dudakların ıslak mı, değil mi, bilmiyorum; Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor

""text-align: left;" Yazıyı sola konumlandırır

Beyoğlu'nda bir gece daha başlıyor.İstanbul'u dinliyorum, gözlerim kapalı;Bir kuş çırpınıyor eteklerinde;Alnın sıcak mı, değil mi, bilmiyorum; Dudakların ıslak mı, değil mi, bilmiyorum; Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor










""text-align: right;" Yazıyı sağa konumlandırır

Beyoğlu'nda bir gece daha başlıyor.İstanbul'u dinliyorum, gözlerim kapalı;Bir kuş çırpınıyor eteklerinde;Alnın sıcak mı, değil mi, bilmiyorum; Dudakların ıslak mı, değil mi, bilmiyorum; Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor

""text-align: justify;" Yazıyı soldan-sağa konumlandırır

Beyoğlu'nda bir gece daha başlıyor.İstanbul'u dinliyorum, gözlerim kapalı;Bir kuş çırpınıyor eteklerinde;Alnın sıcak mı, değil mi, bilmiyorum; Dudakların ıslak mı, değil mi, bilmiyorum; Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor




"text-decoration: overline;" Yazının üstünü çizer

Yapraklar ağaçlarda;


"text-decoration: line-through;" Yazının üzerini çizer

Uzaklarda, çok uzaklarda,


"text-decoration: underline" Yazının altını çizer

Sucuların hiç durmayan çıngırakları


" text-decoration: underline overline" Yazının altını ve üstünü çizer

İstanbul'u dinliyorum, gözlerim kapalı.




" text-indent: 50px;" Yazının ilk satır boşluk değerini ayarlar

Beyoğlu'nda bir gece daha başlıyor.İstanbul'u dinliyorum, gözlerim kapalı;Bir kuş çırpınıyor eteklerinde;Alnın sıcak mı, değil mi, bilmiyorum; Dudakların ıslak mı, değil mi, bilmiyorum; Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor

"text-indent:-2em;"Yazının ilk satır boşluk değerini ayarlar

Beyoğlu'nda bir gece daha başlıyor.İstanbul'u dinliyorum, gözlerim kapalı;Bir kuş çırpınıyor eteklerinde;Alnın sıcak mı, değil mi, bilmiyorum; Dudakların ıslak mı, değil mi, bilmiyorum; Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor

" "text-indent:30%;" Yazının ilk satır boşluk değerini ayarlar

Beyoğlu'nda bir gece daha başlıyor.İstanbul'u dinliyorum, gözlerim kapalı;Bir kuş çırpınıyor eteklerinde;Alnın sıcak mı, değil mi, bilmiyorum; Dudakların ıslak mı, değil mi, bilmiyorum; Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor

"letter-spacing:" Harfler arsasındaki boşluğu ayarlar

İstanbul'u dinliyorum, gözlerim kapalı;


Kuşlar geçiyor, derken;


Yükseklerden, sürü sürü, çığlık çığlık.



"word-spacing:" Kelimeler arsasındaki boşluğu ayarlar

İstanbul'u dinliyorum, gözlerim kapalı;


Kuşlar geçiyor, derken;


Yükseklerden, sürü sürü, çığlık çığlık.



"vertical-align: baseline;" Resmi yazı hizasına konumlandırılır

İstanbul'u tree dinliyorum, gözlerim kapalı;


"vertical-align: text-top;" Resmi yazının yukarısına konumlandırılır

İstanbul'u tree dinliyorum, gözlerim kapalı;


"vertical-align: text-bottom;" Resmi yazının aşağıısna konumlandırılır

İstanbul'u tree dinliyorum, gözlerim kapalı;


" vertical-align: sub;" Resmi yazının aşağısına konumlandırılır

İstanbul'u tree dinliyorum, gözlerim kapalı;


"vertical-align: super;;" Resmi yazının yukarısına konumlandırılır

İstanbul'u tree dinliyorum, gözlerim kapalı;


margin-top: 20px; : Üst kenardan 20 piksel boşluk bırakır.

Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor



margin-top: 20px; : Üst kenardan 20 piksel boşluk bırakır.

Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor/p>

margin-left: 15px; : Sol kenardan 15 piksel boşluk bırakır. .

Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor



margin-right: 25px; : Sağ kenardan 25 piksel boşluk bırakır.

Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor



margin-bottom: 30px; : Alt kenardan 30 piksel boşluk bırakır.

Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor

padding-left: 10px; : İçeriğin sol tarafına 10 piksel iç kenar boşluğu bırakır.

Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor

ppadding-right: 10px; : İçeriğin sağ tarafına 10 piksel iç kenar boşluğu bırakır.

Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor

padding-right: 10px; : İçeriğin sağ tarafına 10 piksel iç kenar boşluğu bırakır.

Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor

padding-bottom: 5px; : İçeriğin alt tarafına 5 piksel iç kenar boşluğu bırakır.

Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor.Beyoğlu'nda bir rüzgar daha başlıyor İstanbul'u dinliyorum." "İstanbul'u dinliyorum, gözlerim kapalı Önce hafiften bir rüzgar esiyor; Yavaş yavaş sallanıyor

border: 5px solid red Çerçeve kalınlığı ve rengini ayarlar;

border: 4px dotted blue; Çerçeve kalınlığı ve rengini ayarlar;

border-style: dotted; üst kenarlık noktalı sağ kenarlık sağlam alt kenarlık çift sol kenarlık kesik

border-style: dotted; üst kenarlık noktalı sağ ve sol kenarlıklar sağlam alt kenarlık çift

border-style: dotted; üst ve alt kenarlıklar noktalı sağ ve sol kenarlıklar sağlam

border-style: dotted; all four borders are dotted

kenarlık stili: düz; kenarlık genişliği: ince;

border-top-style: dashed; ifadesiyle üst kenar için kesikli bir çizgi şeklinde çerçeve tarzı belirlenir.

bborder-right-style: solid; ifadesiyle sağ kenar için tek bir çizgi şeklinde çerçeve tarzı belirlenir.

border-bottom-style: dotted; ifadesiyle alt kenar için noktalı çizgi şeklinde çerçeve tarzı belirlenir.

border-left-style: double; ifadesiyle sol kenar için çift çizgi şeklinde çerçeve tarzı belirlenir.

Kenarlar çift çizgi


Berfin Başçı
Berfin Basşçı

Kenarlar tek çizgi


Berfin Başçı
Berfin Basşçı
anasayfa hakkimda iletisim