Iklan

Cara Sembunyikan Teks Menggunakan CSS


Pada kali ini saya akan share Cara Sembunyikan Teks Menggunakan CSS nah bagaimana cara berikut ini adalah carany berikut ini


Cara 1


.hide-text {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

Cara 2


.hide-text{
position: absolute;
top: -9999px;
left: -9999px;
}

Cara 3


.hide-text {
text-indent: -9999em;
outline: 0;
}

.hide-text {
height: 0;
overflow: hidden;
position: absolute;
}

.hide-text {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
overflow: hidden;
}

Cara 4 : Pada tombol


.submitbutton {
display:block;
width:100px; height:25px;
background-image:url(image.jpg); background-repeat:no-repeat;
text-indent:-999px;
font-size:0px; line-height:0;
}

Cara 5 : Mengganti teks header dengan gambar


h1 {
text-indent:-9999px;
margin:0 auto;
width:400px;
height:100px;
background:transparent url("images/logo.jpg") no-repeat scroll;
}

Demikian beberapa trik Cara Menyembunyikan Teks dengan CSS, semoga para pembaca terbantu dengan tulisan dari Arlina Code ini.
DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.sudarblogger.web.id. Terima kasih.

0 Response to "Cara Sembunyikan Teks Menggunakan CSS"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel