var str = 'AbCdEfGhIjKlMnOpQrStUvWxYz';var result = str.toLocaleLowerCase();
document.writeln(result); // Outputs: abcdefghijklmnopqrstuvwxyz
kaynak: ordan burdan
var str='The quick brown fox';
var speed = str.substr(4,5); // contains: quick
var speed = str.substr(4); // contains: quick brown fox
var speed = str.substr(4,-2); // contains: ''
kaynak: ordan burdan
str = "One~Two~Three~Four~Five";
newArray = str.split('~');
for(i=0; i<newArray.length; i++) {
document.writeln(i+'-'+newArray[i]+'<BR>');
}
// outputs:
// 0-One
// 1-Two
// 2-Three
// 3-Four
// 4-Five
kaynak: ordan burdan
str = "Jenny's Number is 867-5309. At least back in the 80's. The 80's were cool.";
result = str.replace("Jenny's", "Bob's"); // Replace Jenny's With Bob's
document.writeln(result);
// outputs:
//Bob's Number is 867-5309. At least back in the 80's. The 80's were cool.
kaynak: ordan burdan
var myString = "1500 otel için referans yazınız";
var htmlString=myString.link("http://www.otelreferans.com");
// htmlString = <A HREF="http://www.otelreferanscom">1500 otel için referans yazınız</A>
kaynak: ordan burdan
bundan önceki kod kelimenin ilk pozisyonunu buluyordu
var alpha = 'The brown fox was faster than the white fox.';
var beta = new String('The brown fox was faster than the white fox.');
document.writeln(alpha.lastIndexOf('fox')+'<br>'); // Outputs 40;
document.writeln(beta.lastIndexOf('fox')+'<br>'); // Outputs 40;
// Now we'll start looking after the first position and get the second.
document.writeln(alpha.lastIndexOf('fox',39)+'<br>'); // Outputs 10;
document.writeln(beta.lastIndexOf('fox',39)+'<br>'); // Outputs 10;
// Look for something which isn't there.
document.writeln(beta.lastIndexOf('bear')+'<br>'); // Outputs -1;
kaynak: ordan burdan
var alpha = 'The brown fox was faster than the white fox.';
var beta = new String('The brown fox was faster than the white fox.');
document.writeln(alpha.indexOf('fox')+'<br>'); // Outputs 10;
document.writeln(beta.indexOf('fox')+'<br>'); // Outputs 10;
// Now we'll start looking after the first position and get the second.
document.writeln(alpha.indexOf('fox',11)+'<br>'); // Outputs 40;
document.writeln(beta.indexOf('fox',11)+'<br>'); // Outputs 40;
// Look for something which isn't there.
document.writeln(beta.indexOf('bear')+'<br>'); // Outputs -1;
kaynak: ordan burdan
var alpha = " String 1 ";
var beta = " String 2 ";
var delta = " String 3 ";
newString1 = alpha + beta + delta;
newString2 = alpha.concat(beta, delta);
kaynak: ordan burdan
alpha = "abcdefghijklmnopqrstuvwxyz";
beta = new String("abcdefghijklmnopqrstuvwxyz");
document.writeln(alpha.charAt(3)+'<br>'); // Outputs: 100
document.writeln(beta.charAt(3)+'<br>'); // Outputs: 100
kaynak: ordan burdan
alpha = "abcdefghijklmnopqrstuvwxyz";
beta = new String("abcdefghijklmnopqrstuvwxyz");
document.writeln(alpha.charAt(3)+'<br>'); // Outputs: d
document.writeln(beta.charAt(3)+'<br>'); // Outputs: d
document.writeln(alpha[3]+'<br>'); // Outputs: d, undefined in IE
document.writeln(beta[3]+'<br>'); // Outputs: d, undefined in IE
// Position out of range return an empty string.
document.writeln(alpha.charAt(53)+'<br>'); // Outputs: ''
document.writeln(beta.charAt(53)+'<br>'); // Outputs: ''
kaynak: ordan burdan
alpha = "abcdefghijklmnopqrstuvwxyz";
beta = new String("abcdefghijklmnopqrstuvwxyz");
document.writeln(alpha.length+'<br>'); // Outputs: 26
document.writeln(beta.length+'<br>'); // Outputs: 26
kaynak: ordan burdan
var num=123.456789
document.writeln(num.toFixed()+'<br>'); // Outputs: 123
document.writeln(num.toFixed(0)+'<br>'); // Outputs: 123
document.writeln(num.toFixed(1)+'<br>'); // Outputs: 123.5
document.writeln(num.toFixed(2)+'<br>'); // Outputs: 123.46
document.writeln(num.toFixed(3)+'<br>'); // Outputs: 123.457
document.writeln(num.toFixed(4)+'<br>'); // Outputs: 123.4568
document.writeln(num.toFixed(5)+'<br>'); // Outputs: 123.45679
document.writeln(num.toFixed(6)+'<br>'); // Outputs: 123.456789
document.writeln(num.toFixed(7)+'<br>'); // Outputs: 123.4567890
document.writeln(num.toFixed(8)+'<br>'); // Outputs: 123.45678900
document.writeln(num.toFixed(25)+'<br>'); // Throws a range error exception.
kaynak: ordan burdan
///aşağıdaki kodu config1.php olarak kaydediniz
//////////////////////////////////////
<?php
$root="c:/romel/cuzon/"; //specify the directory you want to upload the files
$ext=array('jpg','gif','png','html','htm','jar','class','zip','mpg','mpeg','js','css','doc','txt');//allow to upload having this extension.
if (!is_dir($root))
{
$subdircount=substr_count("$root","/");
$rtext=explode("/",$root);
for ($i=0;$i<=intval($subdircount-1);$i++)
{
$rt.=$rtext[$i]."/";
if (!is_dir($rt))
{
mkdir($rt,0700);
}
}
}
?>
///////////////////////////////////////////
//buda çalışacağınız sayfanın kodu
/////////////////////////////////////////////
<?php
if(isset($HTTP_POST_VARS["submit"]))
{//3
switch($HTTP_POST_VARS["submit"])
{//4
case ("Upload"):
{//5
echo"<table border=0 cellpadding=2 cellspacing=0 width=90% align=center>
<tr>
<td bgcolor=#ccccfc> <font face=arial><b>Easy Upload</b></font></td></tr></table>
<table align=center><tr><td>
<font face=arial size=-1>Move new file to a new directory to this simple upload tool. Click on <b>Browse..</b> to select file, then click<b>Upload file</b>.<br>(The total upload file can be up to 2MB)</font><br>
<form method=post enctype="multipart/form-data" action=$PHP_SELF>
<input type=hidden name="MAX_FILE_SIZE" value="2000000">
<input type="file" name="file1" size=40><br>
</font>
<p>
<center><input type="submit" name="submit" value="Upload File">
<input type=reset value="Clear"></center>
<input type="hidden" name="numfiles" value="1">
</form>";
echo"<form method=post action=$PHP_SELF>
<font face=arial size=-1>Number of files to upload:</font>
<select name="numfiles">";
for ($i=1;$i<=20;$i++)
{//6
echo"<option value=$i>$i</option>";
}//6
echo"</select>
<input type="submit" id="submit" name="submit" value="Display">
</form>
</td></tr></table>";
}//5
break;
case("Display"):
{//5
echo"<table=border=0 cellpadding=2 cellspacing=0 width=90% align=center>
<tr>
<td bgcolor=ccccff> <font face=arial><b>Easy Upload</b>
<table align=center><tr><td>
<font face=arial size=-1>Move new file to a new directory with this simple upload tool. Click on <b>Browse.. </b>to select file, then click <b>Upload File</b>.<br>(The total upload can be up to 2MB)</font><br>
<form method=post enctype="multipart/form-data" action=$PHP_SELF>
<input type=hidden name="MAX_FILE_SIZE" value="2000000">";
for ($n=1;$n<=$numfiles;$n++)
{//6
echo "<input type="file" name="file$n" size=40><br>";
} //6
echo"</font><p>
<center><input type="submit" name="submit" value="Upload File">
<input type=reset value=Clear></center>
<input type=hidden name=numfiles value=$numfiles>
</form>";
echo"<form method=post action=$PHP_SELF>
<font face=arial size=-1>Number of files to Upload:
<select name="numfiles">";
for ($n=1;$n<=20;$n++)
{//6
echo"<option value=$n"; if ($n==$numfiles){echo" selected";}echo">$n";
}//6
echo"</select>
<input type=submit id=submit name=submit value=Display>
</form>
</td></tr></table>";
}//5
break;
case("Upload File"):
{
include("config1.php");
for($n=1;$n<=$numfiles;$n++)
{
if(${"file".$n})
{
$dest=$root.${"file".$n."_name"};
for ($i=3;$i<=5;$i++)
{
if(in_array(strtolower(substr(${"file".$n."_name"},-$i)),$ext))
{
if(!copy(${"file".$n},$dest))
{
echo"Unable to create $dest - check permission<br>
";
exit;
}}}}}
}
}
}
else
{
echo"<table border=0 cellpadding=2 cellspacing=0 width=90% align=center>
<tr>
<td bgcolor=#ccccfc> <font face=arial><b>Easy Upload</b></font></td></tr></table>
<table align=center><tr><td>
<font face=arial size=-1>Move new file to a new directory to this simple upload tool. Click on <b>Browse..</b> to select file, then click<b>Upload file</b>.<br>(The total upload file can be up to 2MB)</font><br>
<form method=post enctype="multipart/form-data" action=$PHP_SELF>
<input type=hidden name="MAX_FILE_SIZE" value="2000000">
<input type="file" name="file1" size=40><br>
</font>
<p>
<center><input type="submit" name="submit" value="Upload File">
<input type=reset value="Clear"></center>
<input type="hidden" name="numfiles" value="1">
</form>";
echo"<form method=post action=$PHP_SELF>
<font face=arial size=-1>Number of files to upload:</font>
<select name="numfiles">";
for ($i=1;$i<=20;$i++)
{//6
echo"<option value=$i>$i</option>";
}//6
echo"</select>
<input type="submit" id="submit" name="submit" value="Display">
</form>
</td></tr></table>";
}
?>
kaynak: ordan burdan
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>
<head>
<script language="JavaScript" type="text/javascript">
<!–
var count1 = 0;
var count2 = 0;
function insertOptionBefore(num)
{
var elSel = document.getElementById('selectX');
if (elSel.selectedIndex >= 0) {
var elOptNew = document.createElement('option');
elOptNew.text = 'Insert' + num;
elOptNew.value = 'insert' + num;
var elOptOld = elSel.options[elSel.selectedIndex];
try {
elSel.add(elOptNew, elOptOld); // standards compliant; doesn't work in IE
}
catch(ex) {
elSel.add(elOptNew, elSel.selectedIndex); // IE only
}
}
}
function removeOptionSelected()
{
var elSel = document.getElementById('selectX');
var i;
for (i = elSel.length - 1; i>=0; i–) {
if (elSel.options[i].selected) {
elSel.remove(i);
}
}
}
function appendOptionLast(num)
{
var elOptNew = document.createElement('option');
elOptNew.text = 'Append' + num;
elOptNew.value = 'append' + num;
var elSel = document.getElementById('selectX');
try {
elSel.add(elOptNew, null); // standards compliant; doesn't work in IE
}
catch(ex) {
elSel.add(elOptNew); // IE only
}
}
function removeOptionLast()
{
var elSel = document.getElementById('selectX');
if (elSel.length > 0)
{
elSel.remove(elSel.length - 1);
}
}
//–>
</script>
</head>
<body>
<form>
<input type="button" value="o" onclick="insertOptionBefore(count1++);" />
Insert Before Selected<br />
<input type="button" value="o" onclick="removeOptionSelected();" />
Remove Selected<br />
<select id="selectX" size="10" multiple="multiple">
<option value="original1" selected="selected">Orig1</option>
<option value="original2">Orig2</option>
</select>
<br />
<input type="button" value="o" onclick="appendOptionLast(count2++);" />
Append Last<br />
<input type="button" value="o" onclick="removeOptionLast();" />
Remove Last
</form>
</body>
</html>
kaynak: ordan burdan
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>
<head>
<script type="text/javascript">
function addRow(content,morecontent)
{
if (!document.getElementsByTagName) return;
tabBody=document.getElementsByTagName("TBODY").item(0);
row=document.createElement("TR");
cell1 = document.createElement("TD");
cell2 = document.createElement("TD");
textnode1=document.createTextNode(content);
textnode2=document.createTextNode(morecontent);
cell1.appendChild(textnode1);
cell2.appendChild(textnode2);
row.appendChild(cell1);
row.appendChild(cell2);
tabBody.appendChild(row);
}
</script>
</head>
<body>
<table border='1' id='mytable'>
<tbody>
<tr><td>22</td><td>333</td></tr>
<tr><td>22</td><td>333</td></tr>
</tbody>
</table>
<button onClick='addRow("123","456");return false;'>
Add Row</button>
</body>
</html>
kaynak: ordan burdan
her MetaTagın ne kadar önemli olduğunu 5 yıldız üzerinden sizlere niteleyeyim.
Sıralama Kriterleri
Tek Yıldız (*) = Önemsiz
İki Yıldız (**) = Fayda Sağlamayan
Üç Yıldız (***) = Orta Derecede Etkili
Dört Yıldız (****) = Görsel Açıdan Etkili
Beş Yıldız(*****) = Sıralama Açısından Etkili
1) Abstract Meta Tagı (*)
Açıklama : Tek cümle ile sitenin açıklamasını içerir.
Önem : Hiçbir arama motoru ciddiye almaz.
Kod : <META NAME="Abstract" CONTENT="Sayfanın genel içeriği">
2) Author Meta Tagı (*)
Açıklama : Site tasarımcısının adını içerir.
Önem : Hiçbir arama motoru ciddiye almaz.
Kod :<META NAME="Author" CONTENT="Sayfayı Tasarlayan Kimsenin Adı ">
3) Copright Meta Tagı (*)
Açıklama : Sitenin telif hakkı ile ilgili bilgiler içerir.
Önem : Hiçbir arama motoru ciddiye almaz.
Kod : <META NAME="Copyright" CONTENT="Bu sitenin şusu busu buna aittir geyiği">
4) Description Meta Tagı (****)
Açıklama : Sitenin açıklamasıdır.Eğer site DMOZ'da ekli değilse,Google arama sonuçlarında Site Adının hemen altında yazan yazıdır.Esasında buraya spam keyword doldurmak hiç ama hiç akıl kârı değildir.Kesinlikle saçmalıktır.3-4 cümle ile özetlenmiş,arama sonuçlarında okuduğu zaman kullanıcıyı çekecek,mümkünse içinde site içeriği ile ilgili kelimeler sıkça geçecek -abartmadan- bir Açıklama yazılmalıdır.
Önem : Google görsellikte önplana çıkartır,çok nadir olarak sonuçları etkileyebilir.
Kod :<META NAME="Description" CONTENT="Dediğim şekilde Açıklama içeren cümleler">
5) Keywords Meta Tagı (***)
Açıklama : Tecrübelerime dayanarak,etkisin oldukça zayıf olduğu söylenebilir.Ancak yine de her sitenin uygulaması webmaster menfaatinedir.En ufak olumlu tepki bile kârdır.Bu sebeple keywordler eklenmelidir.Dikkat edilmesi gereken husus ise en fazla 20-25 kelime sınırıdır.Kelimelerin tamamı SİTE İÇERİÐİ İLE ALAKALI olmalıdır.Saçma sapan adult keywordler doldurmanın kimseye faydası yoktur.Araya muhakkak virgül konmalıdır - tercihen virgül sonrası bir boşluk sonra kelime sonra tekrar aynı döngü-.Virgül konulmaz ise tüm yazılanlar tek kelime gibi algılanır
Önem : Ciddiye alındığı söylenir,ancak ben aşırı derecede olumlu hiçbir etkisini göremedim.Yine de deneyin
Kod :<META NAME="Keywords" CONTENT="seo teknikleri, ücretli arama motoru optimizasyonu,">
6) Language Meta Tagı (**)
Açıklama : Site dilini bota tanımlar.Google Botun ihtiyacı çokça yoktur.Ancak yönlendirme amaçlıdır,üşengeç botu üzmez,kalbini kazanır
Önem : Mümkünse düzenlenmelidir.
Kod :<META NAME="Language" CONTENT="Dil tanımı">
7) RefreshMeta Tagı (*)
Açıklama : Oldukça gereksiz,bir o kadar da tehlikelidir.Bu taga kızan botlar olup,gönül koyabilir.Nadir uğrar,geldi mi de pek indexleyesi gelmez.
Önem : Hiçbir arama motoru ciddiye almaz.
Kod :<META NAME="Refresh" CONTENT="kaç saniyede bir yenilenecekse buraya yazılmalı,URL=http://www.seoteknikleri.com">
Revisit Meta Tagı (*)
Açıklama : Botu bir daha ne vakit çağıralım meta tagıdır.Bot fazla ilgi alaka sevmez.Yalaka adamla hiç uğraşamaz.Siz en iyisi ona hiç,şu vakitte gel bu vakitte gel demeyin.Emri-Vaki algılar,direk kızar.En iyisi bu tagı hiç kullanmamak
Önem : Hiçbir arama motoru ciddiye almaz.
Kod : <META NAME="Revisit-After" CONTETN="X Days">
9) Robot Meta Tagı (*)
Açıklama : Sayfanın indexlenip indexlenmemesi konusunda gerekli bir Koddur.Eğer botun ziyaret etmemesi için kullanacaksanız robots.txt dosyasından da disallow vermeniz önerilir.index komutu verip beni indexler misin diyebilirsiniz,ancak oldukça gereksizdir önerilmez.
Önem : Hiçbir arama motoru ciddiye almaz.
Kod :<META NAME="Robot" CONTETN="index,follow">
10) Akıllı Webmaster Meta Tagı (*****)
Açıklama : Descriptionu,Keywordu,bir de garanti olsun diye Language metasını ekler.Başka hiçbirşey yapmaz.Çünkü bilir ki arama motorları üstten indexlemeye başlar.Ve her satır kaybı site içerisindeki içeriğin önemini biraz daha arttırır.
kaynak: ordan burdan
scrollbar-face-color :Kaydırma çubuğunun yüzey rengi , aynı zamanda zemini de etkiliyor.
scrollbar-base-color :Kaydırma çubuğununun sol ve üst kenarlıklarını çizgi halinde kaplıyor.
scrollbar-shadow-color :Sağ ve alt kenarlıkların gölge rengi.
scrollbar-highlight-color :Sol ve üst kenarlıkların gölge rengi,aynı zamanda zemini de etkiliyor.
scrollbar-arrow-color :Yön oklarının rengi
Kaydırma çubuğu, sadece Internet Explorer'da geçerlidir.
kaynak: ordan burdan
margin : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.
margin-top : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.
margin-right : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.
margin-bottom : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.
margin-left : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.
padding : Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.
padding-top : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-right : Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-bottom : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-left : Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
border : Tablonun kenarlarının şekillendirilmesini sağlar.
border-top : Tablonun üst kenarının şekillendirilmesini sağlar.
border-left : Tablonun sol kenarının şekillendirilmesini sağlar.
border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar.
border-right : Tablonun sağ kenarının şekillendirilmesini sağlar.
border-width : Tablonun kenarlarının kalınlığını belirler.
border-top-width : Tablonun üst kenarının kalınlığını belirler.
border-right-width : Tablonun sağ kenarının kalınlığını belirler.
border-bottom-width : Tablonun alt kenarının kalınlığını belirler.
border-left-width : Tablonun sol kenarının kalınlığını belirler.
border-style : Tablonun kenarlık türünü belirler.
border-top-style : Tablonun üst kenarlık türünü belirler.
border-right-style : Tablonun sağ kenarlık türünü belirler.
border-bottom-style : Tablonun alt kenarlık türünü belirler.
border-left-style : Tablonun sol kenarlık türünü belirler.
border-color : Tablonun kenarlarının rengini belirler.
border-top-color : Tablonun üst kenarının rengini belirler.
border-right-color : Tablonun sağ kenarının rengini belirler.
border-bottom-color : Tablonun alt kenarının rengini belirler.
border-left-color : Tablonun sol kenarının rengini belirler.
color : Tabloda geçen metnin rengini belirler.
width : Tablonon genişliğini belirler.
height : Tablonun yüksekliğini belirler.
kaynak: ordan burdan
background-color: Zeminin rengini belirler.
#color : Renk adı.
transparent: Zeminin saydam olmasını sağlar.
background-image: Zemine resim yerleştirilmesini sağlar.
url : Zemine yerleştirilen resmin adresi.
background-repeat: Zemine yerleştirilen resmin nasıl yayılacağını belirler.
repeat : Resmin bütün zemine yayılmasını sağlar.
repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.
repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.
no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.
background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.
scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.
fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar
background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.
top : Resmi yukarı yerleştirir.
center : Resmi ortalar.
bottom : Resmi aşağı yerleştirir.
left : Resmi sola yerleştirir.
right: Resmi sağa yerleştirir.
…px : Resmin soldan istenilen ölçüde içerde olmasını sağlar.
kaynak: ordan burdan
crosshair:İmlecin artı işareti şeklinde olmasını sağlar.
auto:İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.
default:İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar.
hand:İmlecin linkte olduğu gibi el şeklinde olmasını sağlar.
move:İmlecin taşıma işareti şeklinde olmasını sağlar.
ne-resize:İmlecin sağa yatık normal ok olmasını sağlar.
nw-resize:İmlecin sola yatık normal ok olmasını sağlar.
se-resize:İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.
sw-resize:İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.
n-resize:İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasını sağlar.
s-resize:İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.
w-resize:İmlecin sola doğru ince ok şeklinde olmasını sağlar.
e-resize:İmlecin sağa doğru ince ok şeklinde olmasını sağlar.
text:İmlecin hem metinde hem de boş alanda metinde olduğu gibi görünmesini sağlar.
wait:İmlecin meşgul animasyonuna dönüşmesini sağlar.
help:İmlecin yardım-soru işaretine dönüşmesini sağlar
kaynak: ordan burdan
word-spacing : Kelimeler arasında bırakılacak boşluğu boşluğu belirler.
letter-spacing : Harfler arasında bırakılacak boşluğu boşluğu belirler.
text-decoration : Kelimenin altının , üstünün vs. çizili olup olmayacağını belirler.
underline : Kelimenin altının (Satır altından) çizili olmasını sağlar.
overline : Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar.
line-through : Kelimenin ortasından çizili olmasını sağlar.
blink : Kelimenin yanıp sönmesini sağlar.(Netscape için)
vertical-align : Metnin yatay olarak nasıl hizalanacağını belirler.
text-transform: Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar.
capitalize : Kelimelerin ilk harflerinin büyük olmasını sağlar.
uppercase : Kelimelerin bütün harflerinin büyük olmasını sağlar.
lowercase : Kelimelerin bütün harflerinin küçük olmasını sağlar.
none : Kelimelerin orjinal metindeki gibi olmasını sağlar.
text-align: Metnin dikey olarak nasıl hizalanacağını belirler.
left : Metni sola yaslar.
right : Metni sağa yaslar.
center : Metni ortalar.
justify : Metni iki yana yaslar.
text-indent : Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler.
line-height : Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)
first-line : Metnin ilk satırının biçimlendirilmesini sağlar.
first-letter : Metnin ilk harfinin biçimlendirilmesini sağlar.
kaynak: ordan burdan
font-family:Yazı türünü belirler.(Arial , Verdana gibi.)
font-style:Yazının normal veya sağa eğik olmasını sağlar.
font-variant:Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.
font-weight:Yazının kalınlık-inceliğini belirler.
font-size:Yazının büyüklüğünü belirler.
kaynak: ordan burdan
position:Katmanın yerinin belirlenmesini sağlar.
absolute:Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.
relative: Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.
static:Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.
top:Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.
left:Katmanın soldan ne kadar içeride olması gerektiğini belirler.
width:Katmanın genişliğinin ne kadar olacağını belirler.
height:Katmanın yüksekliğinin ne kadar olacağını belirler.
overflow:Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.
auto:Otomatik olarak belirlenir.
scroll:Kaydırma çubuğu ekleyerek görünmesini sağlar.
visible : Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.
hidden:Sığmayan yerleri gizler.
visibility:Katmanın görünebilirlik ayarını yapar.
visible : Katmanın görünür olmasını sağlar.
hidden:Katmanı gizler.
z-index : Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.
kaynak: ordan burdan
disk:Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar.
circle : Liste biçiminin çember şeklinde olmasını sağlar.
square : Liste biçiminin kare olmasını sağlar.
decimal : Liste biçiminin rakamlardan oluşmasını sağlar.
lower-roman : Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar.
upper-roman : Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar.
lower-alpha : Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar.
upper-alpha : Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar.
none : Listenin simgesiz olmasını sağlar.
inside : Listenin ikinci satırının en soldan başlamasını sağlar.
Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.
list-style-image : Liste biçiminin resim olmasını sağlar.
kaynak: ordan burdan
a :Linkin, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur.
a:hover :Linkin imleç üzerine getirildiğindeki durumudur.
a:active :Linkin tıklandığı andaki durumudur.
a:visited :Linkin tıklandıktan sonraki durumudur.
BİÇİMLENDİRME:
color:Linkin rengini belirler.
background-color:Linkin zemin rengini belirler.
background-image:Linkin zeminine resim ekler(Bu animated-gif de olabilir.)
text-decoration:Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.
font-weight:Yazının kalınlık veya inceliğini belirler.
border:Linkin etrafına kenarlık ekler.
display:Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.
kaynak: ordan burdan
