CSS Düzen - Yükleme ve Temizleme
- Önceki Sayfa CSS Taşan
- Sonraki Sayfa CSS Yüzdelenme Temizleme
CSS Düzen - Yükleme ve Temizleme
CSS float Bu özellik, elementlerin nasıl yükleneceğini belirler.
CSS clear Bu özellik, temizleme elementlerinin yanında hangi kenarda yüklenebileceğini ve nerede yükleneceğini belirler.
float özelliği
float Bu özellik, içeriği konumlandırma ve biçimlendirme için kullanılır, örneğin resmin konteyner içindeki metne sola yüklenebilmesi için.
float Özellik, aşağıdaki değerlerden birini ayarlayabilir:
- left - Element, konteynerinin sol kenarına yüklenecektir
- right - Element, konteynerinin sağ kenarında yüklenecektir
- none - Element yüklemez (metinde yeni ortaya çıktığı yerde gösterilir). Varsayılan değer.
- inherit - Element, ebeveyninin float değerini devralır
En basit kullanım,float Bu özellik, (gazetelerde) metnin resmi etrafında sarılmasını sağlar.
Örnek - float: right;
Örnekte, görüntünün metin içinde sağa yükleneceği belirlenmiştir:
Önde gelen Web teknolojisi dersleri - tamamen ücretsiz. CodeW3C.com'da, ihtiyacınız olan tüm web sitesi inşa derslerini bulabilirsiniz. Temel HTML'den CSS'ye, ileri XML, SQL, JS, PHP'ye kadar.
Referans kılavuzumuz, web teknolojilerinin her yönünü kapsar. Bu, W3C standart teknolojileri içermektedir: HTML, CSS, XML. Ayrıca, JavaScript, PHP, SQL gibi diğer teknolojiler de dahil edilmiştir.
CodeW3C.com'da, binlerce örnek sunuyoruz. Online düzenleyicimizi kullanarak bu örnekleri düzenleyebilir ve kod üzerinde deneyimleyebilirsiniz.
Örnek
img {
float: right;
}
Örnek - float: left;
Örnekte, görüntünün metin içinde nerede gösterilmesi gerektiği belirlenmiştir:SolaYükleme:
Önde gelen Web teknolojisi dersleri - tamamen ücretsiz. CodeW3C.com'da, ihtiyacınız olan tüm web sitesi inşa derslerini bulabilirsiniz. Temel HTML'den CSS'ye, ileri XML, SQL, JS, PHP'ye kadar.
Referans kılavuzumuz, web teknolojilerinin her yönünü kapsar. Bu, W3C standart teknolojileri içermektedir: HTML, CSS, XML. Ayrıca, JavaScript, PHP, SQL gibi diğer teknolojiler de dahil edilmiştir.
CodeW3C.com'da, binlerce örnek sunuyoruz. Online düzenleyicimizi kullanarak bu örnekleri düzenleyebilir ve kod üzerinde deneyimleyebilirsiniz.
Örnek
img {
float: left;
}
Örnek - No float
Örnekte, görüntü metinde yeni ortaya çıktığı yerde gösterilecektir (float: none;):
Önde gelen Web teknolojisi dersleri - tamamen ücretsiz. CodeW3C.com'da, ihtiyacınız olan tüm web sitesi inşa derslerini bulabilirsiniz. Temel HTML'den CSS'ye, ileri XML, SQL, JS, PHP'ye kadar.
Referans kılavuzumuz, web teknolojilerinin her yönünü kapsar. Bu, W3C standart teknolojileri içermektedir: HTML, CSS, XML. Ayrıca, JavaScript, PHP, SQL gibi diğer teknolojiler de dahil edilmiştir.
CodeW3C.com'da, binlerce örnek sunuyoruz. Online düzenleyicimizi kullanarak bu örnekleri düzenleyebilir ve kod üzerinde deneyimleyebilirsiniz.
Örnek
img {
float: none;
}
Genişletilmiş Okuma
Ders Kitapları:CSS Yüzdelenme
- Önceki Sayfa CSS Taşan
- Sonraki Sayfa CSS Yüzdelenme Temizleme
