Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Görünüm: 11596|Yanıt: 0

[HTML/HTML5] HTML kenar ve iç kenar dolgusu ayrıntılı şekilde açıklanmıştır

[Bağlantıyı kopyala]
Yayınlandı 30.10.2014 16:21:55 | | |

Dolgu özelliği, elemanın sınırı ile öğenin içeriği arasındaki alanı tanımlar.

Bu özellik 4 değer alabilir:

•Bir değer belirtildiğinde, örneğin div {padding: 50px} - dolgunun dört tarafı da 50 px'tir.
•İki değer belirtilmişse, örneğin div {padding: 50px 10px} - üst ve alt dolgu 50 px, sol ve sağ dolgu ise 10 px'dir.
•Üç değer belirtirseniz, örneğin div {padding: 50px 10px 20px} - üst ve alt dolgu 50 px, sol ve sağ dolgu 10 px, alt dolgu ise 20 px.
•Dört değer belirtirseniz, örneğin div {padding: 50px 10px 20px 30px} - üst dolgu 50 px, sağ dolgu 10 px, alt dolgu 20 px ve sol dolgu 30 px.


DIV CSS kenarı, CSS özniteliği kelimesi marjinı ifade eder; kenar, nesnenin dört tarafını belirlediği, arka plan rengi ve renk olmayan kenardır.
1. Kenar sözdizimi
Margin:10px
Kenar değeri bir sayı + html birimidir ve ayrıca otomatik (otomatik, adaptif) olabilir
2. Uygulama yapısı
Div{margin:10px}
Div nesnesini 10px aralık olarak ayarlayın
3. Kenar tanımı
kenar, nesnenin dış kenarı ile epitaksiyal kenar arasındaki mesafedir.
Üç durumda marj değeri pozitif tam sayı ve negatif tam sayı olabilir ve PX piksel gibi bir birim eklenebilir (kenar solunda: 20px); otomatik bir öznitelik olarak kullanılabilir (kenar-sol: otomatik otomatik); Bu bir yüzde (%) değeri olabilir (sol marj: %3).
Kenar genişleme (dört taraflı aralık özellik kelimesini ayrı ayarlayın)
marj-sol nesne sol sol kenar (marjin-sol:5px; Sol Uzantı Mesafesi 5px)
kenar-sağ Nesnenin sağ kenarı (margin-right:5px; Sağ uzanma mesafesi 5px)
kenar-üst nesne (margin-top:5px; Üst Epitaksiyal Mesafe 5px)
margin-bottom nesnesi (margin-bottom:5px; Düşük epitaksiyal mesafe 5px)




Önceki:HTML'de bir hiperlinkin alt çizgisini nasıl kaldırabilirim?
Önümüzdeki:İlkokul öğrencilerinin LOL oynadığını izleyin ve her şeyi saniyeler içinde öldürün! (En Son Oyuncu Orijinali)
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.

Mail To:help@itsvse.com