Kode CSS min height property

CSS Min height property tak jauh berbeda dengan CSS min-width property. Jika pada min-width property digunakan untuk menentukan lebar minimal sebuah obyek/elemen, maka min-height property digunakan untuk menentukan tinggi minimal obyek/elemen. Value/nilai min-height property akan membuat sebuah elemen/obyek mempunyai batas minimal tinggi tertentu (sesuai nilai yang digunakan) hingga ketinggian yang tidak terbatas (jika tinggi tidak dibatasi dengan css max-height property). Jika anda menghendaki elemen mempunyai batas tinggi maksimal tertentu, anda bisa menambahkan css overflow property (mislanya » overflow: auto).

Value/nilai CSS min-height property

Kode CSS max width property

Jika min-width property berfungsi menentukan lebar minimal bagi sebuah elemen, maka max-width property adalah sebaliknya. Berfungsi untuk menentukan (mengatur) batas lebar (width) maksimal sebuah elemen yang ukurannya ditentukan dalam nilai tertentu. CSS2 max-width property dapat digunakan pada semua elemen dengan nilai/value dalam satuan px (pixel), em, cm, ...etc (length), % (persen) dan inherit. Internet Explorer (IE) support terhadap max width property, kecuali IE-7 dan di bawahnya. Menggunakan max-width property memungkinkan dibuatnya sebuah elemen dengan ukuran lebar yang lebih fleksibel dimana jumlah konten didalamnya tak akan berpengaruh terhadap maksimal lebar yang telah ditentukan. Jika ukuran tinggi tak dibatasi, maka semakin banyak konten elemen akan bertambah besar dalam arah vertikal (semakin tinggi ukurannya). Jika konten semakin sedikit/mengecil, maka lebar elemen akan semakin menyempit (saat digunakan bersamaan dengan css display property dengan value "inline-block").

Deklarasi css max-width property

Kode CSS min width property

min width property berfungsi untuk menentukan "lebar minimal" sebuah elemen. Melalui property ini sebuah elemen akan selalu mempunyai lebar minimal sesuai nilai yang ditentukan. Dalam penggunaanya, css min-width property biasanya selalu digunakan secara bersamaan dengan max-width property. Hampir semua browser sudah mendukung css2 min-width property, termasuk IE-8 dan IE-9. Value/nilai dari min-width ditetapkan dalam px, em, cm (length), % (persen) dan inherit.

Deklarasi css min-width property

CSS line-height Property

Berfungsi untuk mengatur jarak antar baris teks. Nilai yang digunakan berupa angka (ekuivalen dengan satuan em), dalam satuan px, pt, em, cm, etc (length) dan % (persen). Nilai line-height dalam persen ditentukan berdasarkan ukuran font. Dalam property line-height tidak berlaku nilai negatif. Jika ingin membuat setiap baris lebih rapat atau hingga baris teks bertumpuk gunakan nilai yang semakin kecil.

Deklarasi line-height property

CSS text-transform Property

CSS text transform property berfungsi untuk merubah format teks secara otomatis melalui kode CSS. Ada 4 pilihan nilai yang bisa digunakan.

• Value » capitalize | uppercase | lowercase | none
• Initial » none
• Applies to » all elements
• Inherited » yes
• Percentage values » N/A

CSS Border Spacing Property

CSS border-spacing property digunakan pada elemen table dan berfungsi untuk mengatur jarak antara bagian elemen table (cell) dengan border table. Penggunaan spacing property hanya bisa digunakan untuk deklarasi border-collapse:separate; dan tidak untuk nilai yang lain (contoh:collapse).

Declaration

CSS word-spacing Property - Mengatur spasi/jarak kata

Jika untuk mengatur jarak/spasi antar karakter dal;am kata/teks/kalimat digunakan css letter-spacing property, maka untuk pengaturan jarak/spasi antar kata/teks dalam kalimat digunakan CSS word-spacing property. Word spacing property dapat bernilai positif atau negatif. Negatif untuk memperpendek jarak setiap kata, dimana semakin besar nilainya semakin rapat, sedang untuk memperlebar jarak setiap kata menggunakan nilai positif (semakin besar semakin lebar jarak tiap kata).

Fungsi dan Kegunaan CSS word-spacing-property

CSS letter-spacing Property

Letter spacing property berfungsi untuk mengatur spasi antar karakter. Ini mungkin akan sangat bermanfaat bagi anda ketika menggunakan teks/font berukuran besar (heading) seperti yang digunakan untuk blog title (nama blog), post title (judul posting) dan teks posting lain yang berukuran cukup besar. Membuatnya dalam nilai negative akan membuat teks menjadi lebih rapat sehingga teks dapat diperpendek dan ini sangat penting untuk mensiasati lebar kolom/ruang yang tersedia.

Fungsi dan Penggunaan

CSS vertical-align Property

Salah satu property dalam kode css adalah vertical-align. Mungkin kode css ini masih terasa asing bagi beberapa blogger karena memang sangat jarang digunakan. CSS vertical-align property berlaku pada elemen image dan digunakan bersama teks. Property vertical-align berfungsi mengatur penempatan teks secara vertical di sebelah kanan dan/atau kiri sebuah image. Ada beberapa posisi penempatan teks yang bisa dipergunakan dan pengaturannya dilakukan melalui beberapa nilai/value yang sudah ditentukan. Selain pada elemen image, vertical-align property juga bisa dipergunakan pada elemen table-cell.

Value/nilai dan deklarasi css vertical-align property

CSS text-align Property - Perataan Teks dg kode css

Blog/web sangat identik dengan posting, sedang posting sendiri adalah sebuah aktifitas blogger untuk membuat artikel/tulisan hingga diterbitkan. Mengetahui tentang perataan teks melalui fungsi kode css sangatlah penting sehingga posting yang rapi dapat tercipta. Diluar hal tersebut, mengetahui fungsi dan cara menggunakan kode css perataan teks (text-align property) akan meng-efektifkan penggunaan kode html selama posting.

Value text-align property: