Tulisan ini akan menginstruksikan Anda:
- Bagaimana Cara Mengubah Spasi Antar Paragraf di CSS?
- Bagaimana Cara Mengubah Spasi Di Dalam Paragraf di CSS?
Prasyarat: Buat File HTML
Halaman HTML dapat dibuat dengan mengikuti petunjuk:
- Tambahkan dua ' ” dalam file HTML.
- Tetapkan id sebagai “ paragraf 1 ' dan ' para2 ”, masing-masing.
- Tentukan konten paragraf di dalamnya seperti yang diberikan di bawah ini:
< p kelas = 'para1' >
Orang-orang sukses hanya berusaha keras dan berhasil mencapai tujuan; mereka tidak memiliki bakat alami.
Orang-orang sukses hanya berusaha keras dan berhasil mencapai tujuan; mereka tidak memiliki bakat alami. < / p >
< p kelas = 'para2' >
Orang-orang sukses hanya berusaha keras dan berhasil mencapai tujuan; mereka tidak memiliki bakat alami.
Orang-orang sukses hanya berusaha keras dan berhasil mencapai tujuan; mereka tidak memiliki bakat alami. < / p >
< / div >
Keluaran
Bagaimana Cara Mengubah Spasi Antar Paragraf di CSS?
“ batas ” properti dapat menambahkan spasi di antara paragraf. Selain itu, menggunakan “ margin-bawah ” properti akan menjadi pilihan yang baik dalam hal ini.
Mari tambahkan properti border untuk menunjukkan ruang margin yang menonjol.
Gaya Kelas 'para1'.
.para1 {berbatasan : 1px padat Abu-abu ;
margin-bawah : 70px ;
}
“ .para1 ” digunakan untuk mengakses elemen
dengan id “ paragraf 1 ” dan terapkan properti berikut:
- “ berbatasan ” properti diterapkan dengan nilai lebar batas, gaya, dan warna mengatur batas di sekitar paragraf.
- “ margin-bawah ” menambah ruang di bagian bawah paragraf.
Gaya Kelas 'para2'.
.para2 {berbatasan : 1px padat Abu-abu ;
}
“ ' elemen memiliki id ' para2 ” juga diterapkan dengan batas menggunakan CSS “ berbatasan ' Properti.
Dapat diamati bahwa spasi telah berhasil ditambahkan di antara paragraf:
Bagaimana Cara Mengubah Spasi Di Dalam Paragraf di CSS?
CSS “ tinggi garis ” properti digunakan untuk menambahkan spasi di antara baris paragraf.
Untuk melakukannya, tambahkan properti line-height ke “ 'elemen memiliki id' paragraf 1 ”:
garis-tinggi: 2;Keluaran
Itu semua tentang mengubah spasi di antara paragraf.
Kesimpulan
Untuk mengubah spasi antar paragraf, pertama-tama, tambahkan paragraf di file HTML dengan menggunakan tombol “ ” elemen. Kemudian, CSS ' margin-bawah ” properti digunakan untuk menambah spasi di antara paragraf. CSS “ tinggi garis ” properti menambahkan spasi di dalam paragraf. Posting ini telah menguraikan prosedur untuk mengubah spasi antar paragraf dan di dalam paragraf.