#13 CSS -Display

Display digunakan untuk mengatur perilaku suatu elemen pada html. Setiap elemen pada html memiliki display dengan nilai default. Nilai property display yang sering digunakan ada 4 yaitu inline, block, inline-block dan none.

Inline

Inline merupakan nilai default suatu elemen pada html yang secara default tidak menambahkan baris baru ketika elemen tersebut dibuat dan tidak bisa diatur dimensinya. Berikut element yang menggunakan display inline.

<a><abbr><acronym><audio> <b><bdi><bdo><big><br><button><canvas><cite><code><data><datalist><del><dfn><em><embed><i><iframe><img><input><ins><kbd><label><map><mark><meter><noscript><object><output><picture><progress><q><ruby><s><samp><script><select><slot><small><span><strong><sub><sup><svg><template><textarea><time><u><tt><var><video><wbr>

Block

Block merupakan kebalikan dari inline, block menambahkan baris baru ketika suatu element dibuat dan bisa diatur dimensinya. Berikut element yang menggunakan display block.

<address><article><aside><blockquote><details><dialog><dd> <div><dl>Description list.<dt><fieldset><figcaption><figure><footer><form><h1><h2><h3><h4><h5><h6><header><hgroup><hr><li>List item.<main><nav><ol><p><pre><section><table><ul>

Inline-block

Karakter dari inline-block sama seperti inline hanya saja bisa diatur dimensinya seperti pada display block.

Tinggalkan sebuah komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *