Home css √ Pengertian CSS Display (Block, None, Inline )

√ Pengertian CSS Display (Block, None, Inline )

by lepiwordku
 Didalam CSS terdapat banyak beberapa kode Pengertian CSS Display (Block, None, Inline )
CSS Display

Didalam CSS terdapat banyak beberapa kode, Tentunya anda tidak mungkin menghafal satu persatu. Untuk demikian supaya anda mudah mengerti, Lebih baik anda mencoba. Untuk itu untuk mencobanya gunakan xamp, Baca Juga : Cara Cepat Install Xampp & Setting Xampp Lengkap atau langsung test langsung dari file html .

Contoh :

Display:Inline

– Mendefinisikan elemen dalam baris yang sama dengan elemen lain .

Contoh kode :

Hasil :

  • CSS
  • PHP
  • MYSQL

Display:Block

– Seperti halnya membuat baris baru pada elemen .
Contoh kode : 

Hasil :

Example block Ended example Berbagi

Display:None

– Tidak menampilkan elemen / html akan di anggap hilang .
Contoh kode :

Hasil : Elemen akan hilang .

Tidak sama dengan visibility:hidden, 

– Tidak menampilkan html, tetapi dianggap masih ada .

Contoh kode :

Hasil :

Awal baris

Visibility hidden

Akhir baris

– Copy dari h2 awal baris ke akhir, akan terlihat text visibility hidden nampak akan tidak terlihat tetapi masih akan dianggap ada ( seperti halnya background z-index tanpa text ) .

Referensi artikel ini dari blognya hafid bro sis/

Baca Juga:  √ Pengertian Padding Dan Margin CSS

You may also like