Bu yazı size şunları öğretecektir:
- CSS'de Paragraflar Arasındaki Boşluk Nasıl Değiştirilir?
- CSS'de Paragrafların İçi Boşluğu Nasıl Değiştirilir?
Ön koşul: Bir HTML Dosyası Oluşturun
HTML sayfası aşağıdaki talimatlar izlenerek oluşturulabilir:
- iki ekle' ” HTML dosyasındaki öğeler.
- Kimlikleri şu şekilde atayın: paragraf 1 ' ve ' para2 ', sırasıyla.
- Bunların içindeki paragraf içeriğini aşağıda verildiği gibi belirtin:
< p sınıf = 'paragraf 1' >
Başarılı insanlar sadece çok çaba harcarlar ve hedefe ulaşırlar; doğal yetenekleri yoktur.
Başarılı insanlar sadece çok çaba harcarlar ve hedefe ulaşırlar; doğal yetenekleri yoktur. < / p >
< p sınıf = 'para2' >
Başarılı insanlar sadece çok çaba harcarlar ve hedefe ulaşırlar; doğal yetenekleri yoktur.
Başarılı insanlar sadece çok çaba harcarlar ve hedefe ulaşırlar; doğal yetenekleri yoktur. < / p >
< / div >
Çıktı
CSS'de Paragraflar Arasındaki Boşluk Nasıl Değiştirilir?
“ marj ” özelliği paragraflar arasına boşluk ekleyebilir. Ayrıca, “ kenar boşluğu ” özelliği bu durumda iyi bir seçim olacaktır.
Marjin alanını belirgin şekilde göstermek için bir border özelliği ekleyelim.
Stil “para1” Sınıfı
.paragraf 1 {sınır : 1 piksel sağlam gri ;
kenar boşluğu : 70 piksel ;
}
“ .paragraf 1 ” kimliğine sahip
öğesine erişmek için kullanılır. paragraf 1 ” ve aşağıdaki özellikleri uygulayın:
- “ sınır ” özelliği, kenarlık genişliği, stil değeriyle uygulanır ve renk, paragrafın etrafındaki kenarlığı ayarlar.
- “ kenar boşluğu ” paragrafın altına boşluk ekler.
Stil “para2” Sınıfı
.para2 {sınır : 1 piksel sağlam gri ;
}
“ ' kimliğine sahip öğe ' para2 ” ayrıca CSS kullanılarak kenarlıkla birlikte uygulanır “ sınır ' Emlak.
Paragraflar arasına boşlukların başarıyla eklendiği görülmektedir:
CSS'de Paragrafların İçi Boşluğu Nasıl Değiştirilir?
CSS “ satır yüksekliği ” özelliği paragraf satırları arasına boşluk eklemek için kullanılır.
Bunu yapmak için, satır yüksekliği özelliğini ' ” kimliğe sahip eleman” paragraf 1 ”:
satır yüksekliği: 2;Çıktı
Bu tamamen paragraflar arasındaki boşlukları değiştirmekle ilgiliydi.
Çözüm
Paragraflar arasındaki boşlukları değiştirmek için önce HTML dosyasına “ ” öğesi. Ardından, CSS ' kenar boşluğu ” özelliği paragraflar arasına boşluk eklemek için kullanılır. CSS “ satır yüksekliği ” özelliği paragrafların içine boşluk ekler. Bu gönderi, paragraflar arasındaki ve paragrafların içindeki boşlukları değiştirme prosedürünü detaylandırdı.