"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.
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
dinliyorum, gözlerim kapalı;
"vertical-align: text-top;" Resmi yazının yukarısına konumlandırılır
İstanbul'u
dinliyorum, gözlerim kapalı;
"vertical-align: text-bottom;" Resmi yazının aşağıısna konumlandırılır
İstanbul'u
dinliyorum, gözlerim kapalı;
" vertical-align: sub;" Resmi yazının aşağısına konumlandırılır
İstanbul'u
dinliyorum, gözlerim kapalı;
"vertical-align: super;;" Resmi yazının yukarısına konumlandırılır
İstanbul'u
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şçı |