Width Property

Belajar CSS, tutorial css, javascript, demo online, html editor online, html, xHTML, tutorial desain blog, tutorial css3
CSS width property lebih banyak menggunakan satuan px, namun demikian sebenarnya masih ada beberapa satuan lain yang dapat digunakan pada deklarasi width.

Value/nilai yang digunakan pada CSS width property

  • inherit » Lebar elemen akan sesuai/sama besar dengan width elemen/box yang ditempatinya.
  • auto » Perhitungan width dilakukan browser.
  • px » satuan pixels (px) paling banyak digunakan pada desain blog/web.
  • em » 1em ekuvalen dengan 16px
  • cm... dll »

Deklarasi width

width:xx;

width:auto;
width:200px;
width:90%;

width property dalam syntax

.mybox{
        width:xx;
        height:200px;
        background:red;
        margin:20px;
        padding:20px 12px;
}

Contoh:

<style type="text/css">
div{
        width:400px;
        height:400px;
        margin:20px auto;
        padding:20px;
        background:blue;
        color:#fff;
        font:normal 16px Arial;
}
</style>

<div></div>
Di bawah ini telah disertakan beberapa contoh kode berikut demo width property dan berbagai satuan/nilai/value yang dapat digunakan di desain blog/web. Perlu diperhatikan perbedaan width:auto dan width;inherit serta pengaruh padding terhadap lebar sebuah box/elemen.

Please click the button to display. Continue with editing code and click to see the results!
Diposting oleh di
Label: ,

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

My ProfileC l o s e

FollowerC l o s e