Ders 12: Yükseklik ve genişlik

Şimdiye kadar, biz çalıştık elemanlarının boyutları hakkında önemsemedim değil. Bu derste, size kolay bir elemanın yükseklik ve genişliğini tanımlamak nasıl bir göz atacağız.

• genişlik
• yükseklik

Genişliği ayarlama [genişlik]

Ile genişlik -özellik, bir elemanın belli bir genişliği tanımlayabilirsiniz.

Basit bir örnek aşağıda bir kutu neyin metin girilebilir bize sunuyor:

	  	div.box {  		width: 200px;  		border: 1px solid black;  		Arka plan: turuncu;  	}  	  	

Yüksekliği [yükseklik] ayarlama

Kutusunun yüksekliği kutusunun içeriği tarafından ayarlanır nasıl haber Yukarıdaki örnekte. Bu özelliği ile bir elemanın yüksekliği etkileyebilir yüksekliği . Örneğin bize 500px yüksek örnekte kutu yapmak için deneyelim gibi:

	  	div.box {  		height: 500px;  		width: 200px;  		border: 1px solid black;  		Arka plan: turuncu;  	}  	  	

Özet

Ders 9 , 10 , 11 ve 12 Eğer CSS kutu modeli bir giriş verdik. Muhtemelen de görebileceğiniz gibi, kutu modeli pek çok yeni seçenek sunuyor. Şimdiye kadar, ama CSS ve şimdi zarif düzenleri daha kesin ve W3C önerilerine uygun olarak ulaşmak mümkün olmalıdır kutu modeli ile düzenler oluşturmak için HTML tabloları kullanarak olabilir.