CSS Bir Elemanın Genişliği ve Yüksekliği

-

CSS Bir Elemanın Genişliği ve Yüksekliği


Bir elemanın genişlik ve yüksekliğinin bütün tarayıcılarda doğru çalışmasını garantilemek için kutu modelinin nasıl çalıştığını bilmek gerekir. Bunun için aşağıdaki örnek üzerinden bir hesaplama yapalım:
div {
    width: 320px;
    padding: 10px;
    border: 5px solid gray;
    padding: 0;
}

Genişlik hesaplama

Bir elemanın genişliği şu şekilde hesaplanmalıdır:
Toplam eleman genişliği = Genişlik+Sol boşluk+sağ boşluk+sol sınır+sağ sınır+sol marjin+sağ marjin

Toplam yükseklik hesaplama

Toplam yükseklik aşağıdaki gibi hesaplanmalıdır:
Toplam eleman yüksekliği = Yükseklik+Üst boşluk+alt boşluk+üst sınır+alt sınır+üst marjin+alt marjin

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

İç İçe Döngüler

-
Resim
İç İçe Döngüler Bir döngü yapısının içine başka bir döngü yapısının yerleştirilmesiyle elde edilen yapıya iç içe döngü (nested loop) adı verilir. JavaScript dilinde, if deyimlerini herhangi bir derinliğe kadar iç içe kullanmak nasıl mümkünse, döngü deyimlerini de iç içe kullanmak mümkün olacaktır. İç içe döngülerde hatırlanacak anahtar bilgi, önce en içteki döngülerin tamamlanması gerektiğidir. Bu konuda aşağıdaki kural iç içe döngüler için daima geçerlidir: İç içe döngülerde en içteki döngü en önce tamamlanır. İç İçe Döngüler Aşağıdaki programda, dış döngü olan i parametreli döngü beş kez çalışacaktır (i=1,2,3,4,5). i'nin her değeri için ise içteki döngü üç kez çalışacaktır (j=1,2,3). Böylece aşağıdaki çıktı elde edilecektir: <html> <head> <TITLE>Nested</TITLE> </head> <body bgColor="pink" > <FONT FACE="Comic sans MS"> <SCRIPT LANGUAGE="javaSCRIPT"> var i,j; for(i=1;i<=
Devamı

JavaScript Dilinde Fonksiyon Çağırma Teknikleri

-
Resim
JavaScript Dilinde Fonksiyon Çağırma Teknikleri JavaScript dilinde çağıran fonksiyon ile çağrılan fonksiyon arasındaki veri değişimi ya da paylaşımı iki farklı teknikten biri ile gerçekleştirilir. Bunlar, Değer ile Çağırma (Call by Value) Referans ile Çağırma (Call by Reference) teknikleridir. Değer ile Çağırma tekniği, JavaScript'te sayısal değişkenler, tek dizi elemanı, boolean tipteki değişkenler için kullanılır. Referans ile Çağırma tekniği ise, tüm dizinin, dizi adı ile ve indis-parantez kullanmadan fonksiyon argümanı olarak kullanıldığı durumlarda ve nesneler için kullanılır. Değer ile Çağırma tekniğinde çağıran programdaki argümanlar içindeki değerler, çağrılan fonksiyon içindeki değerlere aktarılır. Çağrılan fonksiyonun parametreleri için fonksiyon içinde gerçekleştirilen değişiklikler, bu parametrelere karşı gelen çağıran program argümanlarını etkilemez. Fonksiyon, return deyimi ile çağıran programa geri döndüğünde, parametre değerleri bellekten silinec
Devamı