Textbox Border

alaman ini berisi kode HTML untuk membuat perbatasan di sekitar teks HTML. Jangan ragu untuk copy dan paste kode ini perbatasan textbox ke situs web Anda sendiri, blog, halaman MySpace, atau dokumen HTML lainnya. Dan merasa bebas untuk memodifikasi kode yang Anda inginkan.

Juga, silakan mempertimbangkan menjaga link kembali ke website ini - jika Anda melakukannya akan sangat dihargai!

Cara termudah untuk menambahkan perbatasan untuk sebuah textbox HTML adalah dengan menggunakan properti perbatasan CSS. Properti border adalah istilah untuk perbatasan-lebar, border-style dan border-color properti. Oleh karena itu, Anda perlu menyediakan tiga nilai - satu untuk lebar, satu untuk gaya, dan satu untuk warna.

Tipis Padat Textbox Perbatasan

This HTML textbox has a thin, solid border.

KODE

<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:1px solid Green;">
This HTML textbox has a thin, solid border.
</textarea>

Perbatasan tebal

This HTML textbox has a thick, solid border.

KODE

<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:10px solid Green;">
This HTML textbox has a thick, solid border.
</textarea>

Tipis Perbatasan Dotted

<br /> This HTML textbox has a thin, dotted border.<br />

KODE

<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:1px dotted Green;">
This HTML textbox has a thin, dotted border.
</textarea>

Tebal Dotted Border

<br /> This HTML textbox has a thick, dotted border.<br />

KODE

<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:10px dotted Green;">
This HTML textbox has a thick, dotted border.
</textarea>

Perbatasan ganda

<br /> This HTML textbox has a double border.<br />

KODE

<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:3px double Green;">
This HTML textbox has a double border.
</textarea>

Beralur Perbatasan

<br /> This HTML textbox has a grooved border.<br />

KODE

<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:5px groove LimeGreen;">
This HTML textbox has a grooved border.
</textarea>

Awal Perbatasan

<br /> This HTML textbox has an outset border.<br />

KODE

<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:5px outset LimeGreen;">
This HTML textbox has an outset border.
</textarea>

Inset Perbatasan

<br /> This HTML textbox has an inset border.<br />

KODE

<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:5px inset LimeGreen;">
This HTML textbox has an inset border.
</textarea>

Perbatasan bergerigi

<br /> This HTML textbox has a ridged border.<br />

KODE

<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:5px ridge LimeGreen;">
This HTML textbox has a ridged border.
</textarea>

Campuran Perbatasan

<br /> This HTML textbox has a mixed border - each side is different.<br />

KODE

<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border-top:5px dotted LimeGreen;border-right:1px dashed LimeGreen;border-bottom:5px solid LimeGreen;border-left:15px solid LimeGreen;">
This HTML textbox has a mixed border - each side is different.
</textarea>