Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Mengatur Klip Latar Belakang HTML backgroundClip Style DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
Properti style backgroundClip DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai painting area dari background pada dokumen HTML.


Sebelum memahami lebih dalam materi tentang Mengatur Klip Latar Belakang HTML backgroundClip Style DOM, terlebih dahulu pelajari materi tentang: Mengatur Perulangan Latar Belakang HTML backgroundRepeat Style DOM, Mengatur Latar Belakang HTML backgroundPosition Style DOM, dan Mengatur Gambar Latar Belakang HTML backgroundImage Style DOM.

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.

Baca Juga:

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>


Artikel ini didedikasikan kepada: Enrico Dui Martinez, Erna Melina, Eva Widianingrum, Evina Diva Prasiwi, dan Fahrizal Febrilliantza Abdullah.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Mengatur Klip Latar Belakang HTML backgroundClip Style DOM"

  1. AnonimSabtu, 16 April 2022 pukul 15.00.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimSabtu, 16 April 2022 pukul 15.01.00 WIB

      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. AnonimSelasa, 19 April 2022 pukul 09.59.00 WIB

    Apa yang dimaksud dengan properti backgroundClip Style DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimSelasa, 19 April 2022 pukul 10.00.00 WIB

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

      Hapus
    2. AnonimSelasa, 19 April 2022 pukul 10.00.00 WIB

      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

Hubungi admin melalui Wa : +62-896-2414-6106

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

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -