Pada tulisan terdahulu saya memaparkan tentang bagaimana cara membuat sebuah bingkai atau kotak untuk sebuah tulisan, baik yang menggunakan border, overflow atau textarea. Nah, pada tulisan kali ini saya masih akan membahas seputar bingkai, hanya saja kali ini tentang bagaimana membuat bingkai yang ujungnya lancip.

Pada dasarnya perintah yang digunakan tidak jauh berbeda dengan perintah border, overflow atau textarea, seperti yang sudah saya kemukakan pada tulisan terdahulu. Hanya saja untuk membuak bingkai tersebut menjadi lancip perlu ditambahkan perintah -moz-border-radius pada perintah-perintah tadi.
Untuk membuat border dan overflow lancip kamu tinggal menambahkan perintah -moz-border-radius: ukuranpx;, seperti berikut:

<div style="border: 1px solid #CCC; -moz-border-radius: 10px; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color:#FBFBEE; text-align: left;">Tulisan yang diinginkan</div>

Pada contoh di atas ukuran moz border radius-nya adalah 10px. Dengan margin atas-bawah 10px dan kiri-kanan 0px. Padding atas-kanan-bawah-kiri 10px. Kamu dapat mengubahnya sesuai dengan keinginan.
Untuk membuat kotak textarea lancip kamu tinggal menambahkan perintah "style=-moz-border-radius: ukuranpx;", seperti berikut:

<textarea rows="5" cols="50" style="-moz-border-radius: 10px;">Tulisan yang diinginkan</textarea>

Ukuran baris (rows), kolom (cols), dan moz border radius-nya dapat kamu ubah sesuai dengan keinginan.
Jika kamu menginginkan yang lancipnya hanya di bagian tertentu saja, kamu dapat menambahkan perintah-perintah berikut:

-moz-border-radius-topleft: ukuranpx; (lancip kiri atas)
-moz-border-radius-topright: ukuranpx; (lancip kanan atas)
-moz-border-radius-bottomleft: ukuranpx; (lancip kiri bawah)
-moz-border-radius-bottomright: ukuranpx; (lancip kanan bawah)

Kamu juga dapat menabahkan perintah moz border radius ini pada kode CSS template blog kamu. Caranya seperti pada perintah border dan overflow di atas, atau seperti pada perintah kotak lancip di bagian tertentu jika kamu hanya menginginkan bagian-bagian tertentu saja yang lancipnya.

Nah, segitu aja brow, selamat mencoba....

Catatan Tambahan:

Sayangnya tidak semua browser mendukung perintah moz border radius ini, seperti Google Chrome, Opera, Apple Safari, dan Internet Explorer (IE). Jadinya kotak lancip ini baru bisa terlihat jika menggunakan browser Firefox dan Flock saja.
Namun jika kamu ingin browser lain men-support border radius, silahkan baca artikel ini.