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

Mengatur Border Kiri HTML Menggunakan borderLeftStyle DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
Properti Style borderLeftStyle DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai style border left dari suatu elemen.


Sebelum memahami lebih dalam materi tentang Mengatur Border Kiri HTML Menggunakan borderLeftStyle DOM, terlebih dahulu pelajari materi tentang: Mengatur Batas Kiri Warna HTML Menggunakan borderLeftColor Style DOM, Mengatur Batas Kiri HTML Menggunakan borderLeft Style DOM, dan Mengatur Lebar Gambar HTML Menggunakan borderImageWidth Style DOM.

Sintak:
  • Berfungsi untuk mengembalikan nilai properti borderLeftStyle: object.style.borderTopStyle
  • Berfungsi untuk mengatur nilai properti borderLeftStyle: object.style.borderLeftStyle = " none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit "

Value Properti:
  • none: Berfungsi untuk meniadakan border, dan merupakan nilai default dari properti borderLeftStyle.
  • hidden: Berfungsi sama seperti properti 'none', kecuali digunakan untuk membantu selama border mengalami conflict resolution dalam tabel elemen.
  • dotted: Digunakan sebagai bentuk border titik-titik.
  • dashed: Digunakan untuk menampilkan garis dashed sebagai border.
  • solid: Digunakan untuk menampilkan sebuah baris solid tunggal sebagai border.
  • double: Digunakan untuk menampilkan dua baris sebagai border.
  • groove: Digunakan untuk menampilkan border groove 3D, dengan efek yang muncul adalah bergantung pada nilai border-color.
  • ridge: Digunakan untuk menampilkan border ridge 3D, dengan efek yang muncul adalah bergantung pada nilai border-color.
  • inset: Digunakan untuk menampilkan border inset 3D, dengan efek yang muncul adalah bergantung pada nilai border-color.
  • outset: Digunakan untuk menampilkan border outset 3D, dengan efek yang muncul adalah bergantung pada nilai border-color.
  • initial: Mengatur nilai properti ke nilai initial.
  • inherit: Mengatur nilai properti ke nilai turunannya yang berasal dari nilai parent.

Return Values: Berfungsi untuk mengembalikan sebuah nilai string yang merepresentasikan style dari elemen left border.

Contoh: Mendeskripsikan nilai properti none.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style borderLeftStyle 

DOM

</title>

 

<style>

.item 

{

padding: 10px;

border: 15px solid green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti DOM Style 

borderLeftStyle

</b>

 

<p class="item">

Blog TIk merupakan portal ilmu 

komputer dengan variasi besar 

yang dapat digunakan untuk 

penjelaskan berbagai ilmu 

komputer dan berbagai macam 

artikel pemrograman lainnya.

</p>

 

<button 

onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item');

// Pengaturan border style

elem.style.borderLeftStyle = 'none';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti DOM Style borderLeftStyle

Blog TIk merupakan portal ilmu komputer dengan variasi besar yang dapat digunakan untuk penjelaskan berbagai ilmu komputer dan berbagai macam artikel pemrograman lainnya.



Contoh: Mendeskripsikan nilai properti hidden.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti DOM Style 

borderLeftStyle

</title>

 

<style>

.item1 

{

padding: 10px;

border: 15px solid green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti DOM Style 

borderLeftStyle

</b>

 

<p 

class="item1">

Blog TIK merupakan portal ilmu 

komputer yang digunakan untuk 

mempelajari berbagai ilmu 

pemrograman.

</p>

 

<button 

onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item1');

// Pengaturan border style

elem.style.borderLeftStyle = 'hidden';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti DOM Style borderLeftStyle

Blog TIK merupakan portal ilmu komputer yang digunakan untuk mempelajari berbagai ilmu pemrograman.



Contoh: Mendeskripsikan nilai properti dotted.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti DOM Style 

borderLeftStyle

</title>

 

<style>

.item2 

{

padding: 10px;

border: 15px solid green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti DOM Style 

borderLeftStyle

</b>

 

<p 

class="item2">

Blog TIK merupakan portal ilmu 

komputer yang digunakan untuk 

mempelajari berbagai ilmu 

pemrograman.

</p>

 

<button 

onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item2');

// Pengaturan border style

elem.style.borderLeftStyle = 'dotted';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti DOM Style borderLeftStyle

Blog TIK merupakan portal ilmu komputer yang digunakan untuk mempelajari berbagai ilmu pemrograman.



Contoh: Mendeskripsikan nilai properti dashed.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti DOM Style 

borderLeftStyle

</title>

 

<style>

.item3 

{

padding: 10px;

border: 15px solid green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog elfan

</h1>

 

<b>

Properti Style borderLeftStyle 

DOM

</b>

 

<p class="item3">

Blog TIK merupakan portal ilmu 

komputer yang digunakan untuk 

mempelajari berbagai ilmu 

komputer.

</p>

 

<button 

onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item3');

// Pengaturan border style

elem.style.borderLeftStyle = 'dashed';

}

</script>

 

</body>

 

</html>

Output:

Blog elfan

Properti Style borderLeftStyle DOM

Blog TIK merupakan portal ilmu komputer yang digunakan untuk mempelajari berbagai ilmu komputer.



Contoh: Mendeskripsikan nilai properti solid.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti DOM Style 

borderLeftStyle

</title>

 

<style>

.item4 

{

padding: 10px;

border: 15px dotted green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti DOM Style 

borderLeftStyle

</b>

 

<p 

class="item4">

Blog TIK merupakan portal ilmu 

komputer yang digunakan untuk 

mempelajari berbagai ilmu 

pemrograman yang ada saat ini.

</p>

 

<button 

onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item4');

// Pengaturan border style

elem.style.borderLeftStyle = 'solid';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti DOM Style borderLeftStyle

Blog TIK merupakan portal ilmu komputer yang digunakan untuk mempelajari berbagai ilmu pemrograman yang ada saat ini.



Contoh: Mendeskripsikan nilai properti double.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti DOM Style 

borderLeftStyle

</title>

 

<style>

.item5 

{

padding: 10px;

border: 15px solid green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti DOM Style 

borderLeftStyle

</b>

 

<p 

class="item5">

Blog TIK berfungsi untuk 

mempelajari berbagai ilmu 

komputer dan berbagai macam 

ilmu populer lainnya dalam 

dunia TIK.

</p>

 

<button onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item5');

// Pengaturan border style

elem.style.borderLeftStyle = 'double';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti DOM Style borderLeftStyle

Blog TIK berfungsi untuk mempelajari berbagai ilmu komputer dan berbagai macam ilmu populer lainnya dalam dunia TIK.



Contoh: Mendeskripsikan nilai properti groove.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti DOM Style 

borderLeftStyle

</title>

 

<style>

.item6 

{

padding: 10px;

border: 15px solid green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti DOM Style 

borderLeftStyle

</b>

 

<p 

class="item6">

Blog TIK merupakan portal ilmu 

komputer yang digunakan untuk 

mempelajari berbagai ilmu 

pemrograman yang sedang 

populer saat ini.

</p>

 

<button 

onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item6');

// Pengaturan border style

elem.style.borderLeftStyle = 'groove';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti DOM Style borderLeftStyle

Blog TIK merupakan portal ilmu komputer yang digunakan untuk mempelajari berbagai ilmu pemrograman yang sedang populer saat ini.



Contoh: Mendeskripsikan nilai properti ridge.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti DOM Style 

borderLeftStyle

</title>

 

<style>

.item7 

{

padding: 10px;

border: 15px solid green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti DOM Style 

borderLeftStyle

</b>

 

<p 

class="item7">

Blog TIK merupakan portal ilmu 

komputer merupakan blog 

pemrograman yang digunakan 

untuk mempelajari berbagai 

materi pemrograman dan 

beberapa materi lain seputar 

ilmu komputer.

</p>

 

<button 

onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item7');

// Pengaturan border style

elem.style.borderLeftStyle = 'ridge';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti DOM Style borderLeftStyle

Blog TIK merupakan portal ilmu komputer merupakan blog pemrograman yang digunakan untuk mempelajari berbagai materi pemrograman dan beberapa materi lain seputar ilmu komputer.



Contoh: Mendeskripsikan nilai properti inset.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style borderLeftStyle 

DOM

</title>

 

<style>

.item8 

{

padding: 10px;

border: 15px solid green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti DOM Style 

borderLeftStyle

</b>

 

<p 

class="item8">

Blog TIK merupakan portal ilmu 

komputer yang digunakan untuk 

mempelajari berbagai materi 

pemrograman dan juga seputar 

ilmu komputer lainnya yang 

sedang populer saat ini.

</p>

 

<button 

onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item8');

// Pengaturan border style

elem.style.borderLeftStyle = 'inset';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti DOM Style borderLeftStyle

Blog TIK merupakan portal ilmu komputer yang digunakan untuk mempelajari berbagai materi pemrograman dan juga seputar ilmu komputer lainnya yang sedang populer saat ini.



Contoh: Mendeskripsikan nilai properti outset.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti DOM Style 

borderLeftStyle

</title>

 

<style>

.item9 

{

padding: 10px;

border: 15px inset green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti DOM Style 

borderLeftStyle

</b>

 

<p 

class="item9">

Blog TIK merupakan portal ilmu 

komputer yang digunakan untuk 

mempelajari ilmu pemrograman 

dan ilmu komputer lainnya yang 

sedang populer saat ini.

</p>

 

<button 

onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item9');

// Pengaturan border style

elem.style.borderLeftStyle = 'outset';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti DOM Style borderLeftStyle

Blog TIK merupakan portal ilmu komputer yang digunakan untuk mempelajari ilmu pemrograman dan ilmu komputer lainnya yang sedang populer saat ini.



Contoh: Mendeskripsikan nilai properti initial.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti DOM Style 

borderLeftStyle

</title>

 

<style>

.item10 

{

padding: 10px;

border: 15px solid green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti DOM Style 

borderLeftStyle

</b>

 

<p 

class="item10">

Blog TIK merupakan portal ilmu 

komputer yang terdiri berbagai 

materi pemrograman dan ilmu 

komputer lainnya yang sedang 

populer saat ini.

</p>

 

<button 

onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item10');

// Pengaturan border style

elem.style.borderLeftStyle = 'initial';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti DOM Style borderLeftStyle

Blog TIK merupakan portal ilmu komputer yang terdiri berbagai materi pemrograman dan ilmu komputer lainnya yang sedang populer saat ini.



Contoh: Mendeskripsikan nilai properti inherit.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti DOM Style 

borderLeftStyle

</title>

 

<style>

#parent 

{

border-left-style: dotted;

padding: 10px;

}

 

.item11 

{

padding: 10px;

border: 15px solid green;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti DOM Style 

borderLeftStyle

</b>

 

<div id="parent">

<p class="item11">

Blog TIK merupakan portal ilmu 

komputer yang digunakan untuk 

mempelajari materi pemrograman 

dan materi TIK lainnya yang 

sedang populer saat ini.

</p>

</div>

 

<button 

onclick="changeBorderStyle()">

Change style

</button>

 

<script>

function changeBorderStyle() 

{

elem = document.querySelector('.item11');

// Pengaturan border style

elem.style.borderLeftStyle = 'inherit';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti DOM Style borderLeftStyle

Blog TIK merupakan portal ilmu komputer yang digunakan untuk mempelajari materi pemrograman dan materi TIK lainnya yang sedang populer saat ini.



Mengatur border kiri dalam elemen HTML merupakan aspek penting dalam desain halaman web, terutama dalam hal pemformatan tata letak dan struktur visual. Salah satu cara untuk mengubah tampilan border kiri adalah dengan menggunakan properti border kiri pada elemen HTML. Properti ini memiliki berbagai opsi yang dapat digunakan untuk menyesuaikan gaya border, mulai dari jenis garis hingga ketebalan dan warnanya.

Dalam desain web, border kiri sering kali digunakan untuk memberikan pemisahan yang jelas antara elemen-elemen yang berbeda dalam halaman. Hal ini bisa membantu menciptakan struktur yang lebih rapi dan terorganisir, memudahkan pengguna dalam memahami dan menavigasi konten yang disajikan. Properti border kiri memberikan fleksibilitas dalam hal visualisasi batas, memungkinkan desain yang lebih dinamis dan sesuai dengan kebutuhan estetika atau fungsional suatu halaman.

Proses pengaturan border kiri dimulai dengan memahami berbagai elemen yang terlibat dalam penerapan gaya tersebut. Border kiri adalah salah satu dari sekian banyak properti gaya yang bisa diterapkan pada elemen HTML. Biasanya, border kiri digunakan untuk menambah pemisah atau mempertegas batas antara kolom, bagian konten, atau elemen-elemen lainnya yang berada dalam struktur halaman web.

Terdapat beberapa pilihan yang bisa digunakan dalam mengatur border kiri, seperti jenis garis, ketebalan, dan warna garis tersebut. Jenis garis dapat berupa garis solid, putus-putus, atau garis lainnya. Ketebalan border kiri pun dapat disesuaikan, mulai dari garis yang sangat tipis hingga yang lebih tebal, tergantung pada kebutuhan desain. Warna border juga bisa dipilih sesuai dengan palet warna yang ada dalam desain halaman.

Pemilihan jenis garis pada border kiri tidak hanya soal estetika, namun juga berkaitan dengan kejelasan dan keterbacaan elemen-elemen di dalam halaman. Sebagai contoh, garis yang solid dan tebal dapat digunakan untuk menonjolkan bagian tertentu dari halaman, seperti kolom atau konten utama. Sementara itu, garis yang lebih tipis dan putus-putus dapat memberikan kesan lebih ringan, cocok untuk elemen-elemen yang tidak terlalu membutuhkan perhatian khusus namun tetap memerlukan pemisah visual.

Ketebalan border kiri mempengaruhi sejauh mana batas tersebut terlihat. Border yang lebih tebal cenderung menarik perhatian dan bisa digunakan untuk menandai bagian-bagian penting dalam halaman. Namun, ketebalan yang terlalu besar bisa mengganggu tampilan keseluruhan, sehingga pemilihan ketebalan yang tepat harus dilakukan dengan hati-hati. Di sisi lain, border yang tipis memberikan kesan yang lebih halus dan tidak mencolok, cocok untuk tampilan minimalis atau desain yang lebih sederhana.

Warna border kiri juga memainkan peran yang tidak kalah penting dalam desain halaman web. Pemilihan warna dapat disesuaikan dengan tema warna umum halaman atau dengan warna elemen-elemen lain yang ada. Warna border yang kontras dapat menarik perhatian ke elemen tersebut, sementara warna yang lebih lembut atau transparan memberikan kesan yang lebih tenang dan harmonis. Dalam banyak kasus, warna border kiri digunakan untuk mencocokkan atau melengkapi warna elemen lain seperti latar belakang, teks, atau gambar.

Pengaturan border kiri juga bergantung pada bagaimana elemen-elemen di dalam halaman diatur. Terkadang, border kiri digunakan untuk memisahkan area konten yang berbeda dalam satu kolom atau antara dua kolom. Dalam pengaturan seperti ini, border kiri memberikan penanda visual yang jelas mengenai batas antar elemen atau kolom, membantu pengguna untuk memahaminya dengan lebih mudah. Selain itu, pengaturan border kiri dapat digunakan untuk memperjelas struktur halaman web, membuatnya lebih mudah dibaca dan dinavigasi.

Beberapa contoh penggunaan border kiri yang umum dapat ditemukan pada tata letak kolom atau bagian navigasi. Dalam layout yang menggunakan kolom, border kiri bisa digunakan untuk memisahkan konten utama dari sidebar atau elemen lainnya. Hal ini memberikan perasaan bahwa elemen-elemen tersebut terpisah, namun tetap berada dalam satu konteks desain yang koheren. Di sisi lain, border kiri juga bisa digunakan pada elemen seperti tombol atau menu untuk memberikan pemisah visual yang tegas antara berbagai pilihan yang tersedia.

Selain aspek visual, pengaturan border kiri juga memiliki pengaruh pada tata letak dan responsivitas halaman. Pada desain responsif, misalnya, pengaturan border kiri dapat disesuaikan dengan ukuran layar untuk memastikan bahwa tampilan halaman tetap teratur meskipun dilihat pada perangkat yang berbeda. Penggunaan border kiri dalam desain web dapat membantu menciptakan struktur yang fleksibel, memungkinkan elemen-elemen di dalam halaman menyesuaikan dengan baik pada berbagai ukuran layar, tanpa mengorbankan estetika atau fungsionalitas.

Meskipun terlihat sederhana, pengaturan border kiri dapat mempengaruhi pengalaman pengguna secara signifikan. Border kiri yang terpasang dengan baik dapat membantu mengarahkan perhatian pengguna ke area-area tertentu dalam halaman, menjadikannya lebih mudah dipahami dan lebih menyenangkan untuk dinikmati. Hal ini dapat membuat tampilan halaman lebih terstruktur dan terorganisir, meningkatkan kenyamanan pengguna saat berinteraksi dengan konten yang disajikan.

Tentu saja, seperti halnya dengan desain web secara umum, pengaturan border kiri harus mempertimbangkan berbagai faktor lain, seperti keterbacaan, kontras, dan keseluruhan tampilan halaman. Terlalu banyak penggunaan border atau penggunaan yang tidak tepat dapat membuat halaman tampak berantakan dan sulit dinavigasi. Sebaliknya, penggunaan border kiri yang tepat dan proporsional dapat membuat desain halaman lebih menarik dan lebih fungsional, memberikan pengguna pengalaman yang lebih baik saat menjelajahi halaman.

Pengaturan border kiri juga bisa dilakukan dengan menggunakan berbagai alat desain web yang ada saat ini, baik itu dengan menggunakan aplikasi desain grafis atau editor HTML langsung. Meskipun pengaturan border kiri pada dasarnya adalah tugas yang mudah, tetapi penting untuk memahaminya dengan baik agar dapat menciptakan desain yang tidak hanya menarik tetapi juga fungsional. Penggunaan border kiri yang efektif akan memberikan struktur yang jelas, memudahkan navigasi, dan meningkatkan daya tarik visual halaman.

Pada akhirnya, border kiri merupakan elemen desain yang tidak boleh diabaikan begitu saja. Ketika digunakan dengan bijak, border kiri dapat memberikan efek yang kuat dan memperkaya tampilan halaman web. Pengaturan border kiri yang tepat akan memastikan bahwa halaman tidak hanya terlihat bagus, tetapi juga mudah digunakan, memberikan pengalaman pengguna yang menyenangkan dan lancar.

Artikel ini akan dibaca oleh: Irwan Syah, Ismatul Maula, Isnaeni Estu Romandhoni, Izza Alya Fatma, dan Izzani Salsabillah.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Mengatur Border Kiri HTML Menggunakan borderLeftStyle DOM"

  1. AnonimJumat, 10 Juni 2022 pukul 13.41.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimJumat, 10 Juni 2022 pukul 13.42.00 WIB

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

      Hapus
  2. AnonimMinggu, 12 Juni 2022 pukul 12.55.00 WIB

    Apa yang dimaksud dengan properti borderLeftStyle DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimMinggu, 12 Juni 2022 pukul 12.56.00 WIB

      Properti borderLeftStyle DOM pada HTML berfungsi untuk menetapkan jenis style atau gaya dari borderLeft elemen pada dokumen HTML.

      Hapus
    2. AnonimMinggu, 12 Juni 2022 pukul 13.01.00 WIB

      Properti borderLeftStyle DOM pada HTML berfungsi untuk menetapkan style borderLeft atau style batas kiri dari suatu elemen. Properti ini didefinisikan sebagai suatu kata kunci tunggal yang dipilih dari beberapa kata kunci yang tersedia untuk properti style border. Properti borderLeftStyle digunakan untuk mengatur style dari keempat sisi elemen, dimana style borderLeft juga digunakan untuk menetapkan style hanya untuk batas kiri saja.

      Lebar default dari borderLeft adalah medium. Dimana nilai tersebut dapat diubah baik dengan menggunakan properti borderLeftWidth atau borderWidth.

      Tidak semua browser dapat melakukan rendering style dengan cara yang sama. Misalnya, pada browser Chrome titik-titik border yang diberikean oleh properti border adalah berbentuk titik-titik persegi panjang, bukan sebagai titik-titik lingkaran, dan juga beberapa jenis browser lainnya.

      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 -