3 Value Properti backgroundClip Style DOM pada HTML

Properti style backgroundClip DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai painting area dari background pada dokumen HTML.

Sintak:
  • digunakan untuk mengembalikan nilai properti backgroundClip: object.style.backgroundClip
  • digunakan untuk mengatur properti backgroundClip: object.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"

Property Values:
  • border-box property: digunakan untuk mengatur nilai background color menyebar keseluruh bagian divisi.
  • padding-box property: digunakan untuk mengatur background di dalam border.
  • content-box property: digunakan untuk mengatur background color hanya pada bagian konten saja.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Border Box

</title>

 

<style>

#mnn 

{

background-color: green;

background-clip: border-box;

text-align: center;

border: 10px dashed black;

color: white;

}

</style>

 

</head>

 

<body>

<center>

 

<h1>

Properti Style backgroundClip 

DOM

</h1>

 

<div id="mnn">

 

<h2>

Blog Elfan

</h2>

 

<p>

background-clip: border-box;

</p>

 

</div>

 

<br>

 

<button 

onclick="myBons()">

Submit

</button>

 

<script>

function myBons() 

{

document.getElementById("mnn"

).style.backgroundClip = "padding-box";

}

</script>

 

</center>

</body>

 

</html>

Komentar

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti backgroundClip Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti backgroundClip Style DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan properti backgroundClip Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti backgroundClip Style DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai dari area painting background.

      Hapus
    2. Properti backgroundClip Style DOM pada HTML digunakan untuk mendefinisikan seberapa jauh latar belakang, baik latar belakang warna maupun latar belakang gambar, harus diperluas dalam sebuah elemen pada dokumen html.

      Hapus

Posting Komentar

*Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C