Ubah Warna Batas HTML di C# | Ubah CSS Warna Perbatasan

Dalam postingan blog ini, kita akan mempelajari cara mengubah warna batas HTML di C#. Panduan ini akan memberi Anda pengetahuan dan keterampilan yang Anda perlukan untuk secara efektif mengubah warna batas, warna batas CSS, HTML warna batas tabel, dll. dalam file HTML secara terprogram menggunakan C#.

Artikel ini mencakup topik-topik berikut:

  1. C# API untuk mengubah warna batas dalam file HTML
  2. Ubah warna batas HTML
  3. CSS warna batas menggunakan CSS internal
  4. Ubah warna batas tabel HTML
  5. Sumber belajar gratis

C# API untuk Mengubah Warna Perbatasan di File HTML

Kami akan menggunakan Aspose.HTML for .NET untuk mengubah warna batas dalam file HTML. Ini adalah perpustakaan kelas lintas platform yang kuat dan serbaguna yang memberdayakan pengembang untuk memanipulasi dan mengelola dokumen HTML dalam aplikasi .NET mereka. Ini memungkinkan Anda membuat, mengedit, dan mengonversi file HTML. Aspose.HTML for .NET memungkinkan Anda menganalisis dan mengekstrak konten dari file HTML. Ini tidak hanya mendukung HTML5 tetapi juga spesifikasi CSS3 dan HTML Canvas, memungkinkan Anda menata dokumen HTML dan berinteraksi dengan elemen dinamis.

Silakan unduh DLL API atau instal menggunakan NuGet.

PM> Install-Package Aspose.Html

Ubah Warna Batas HTML di C#

Properti border-color menetapkan warna keempat batas elemen. Ketika satu nilai ditetapkan ke properti border-color, semua batas akan dicat dengan warna tersebut. Misalnya, jika kita menyetel properti border-color ke warna red, maka keempat warna border tersebut akan menjadi red. Alternatifnya, kami memiliki fleksibilitas untuk menentukan nilai warna berbeda untuk batas atas, kanan, bawah, dan kiri.

Kita dapat mengubah warna batas elemen HTML apa pun dengan mengikuti langkah-langkah di bawah ini:

  1. Muat file HTML yang ada menggunakan kelas HTMLDocument.
  2. Dapatkan HTMLElement spesifik untuk mengubah warna batas.
  3. Atur atribut gaya batas, misalnya BorderStyle, BorderColor.
  4. Terakhir, simpan dokumen HTML ke sebuah file.

Contoh kode berikut menunjukkan cara mengubah warna batas dalam HTML menggunakan C#.

// Siapkan jalur ke file HTML sumber
string documentPath = "C:\\Files\\input.html";

// Siapkan jalur keluaran untuk menyimpan dokumen
string savePath = "C:\\Files\\output.html";

// Buat sebuah instance dari dokumen HTML
var document = new HTMLDocument(documentPath);

// Temukan elemen h1 untuk menyetel atribut gaya
var header = (HTMLElement)document.GetElementsByTagName("h1").First();

// Tetapkan properti atribut gaya
header.Style.BorderStyle = "solid";
header.Style.BorderColor = "red blue green gray";

// Temukan elemen h2 untuk menyetel atribut gaya
var subheading = (HTMLElement)document.GetElementsByTagName("h2").First();

// Tetapkan properti atribut gaya
subheading.Style.BorderStyle = "solid";
subheading.Style.BorderColor = "black";

// Simpan dokumen HTML ke file
document.Save(Path.Combine(savePath));
Ubah Warna Batas HTML di C#

Ubah Warna Batas HTML di C#

Ubah CSS Warna Perbatasan menggunakan CSS Internal di C#

Kita dapat mengubah warna batas dengan menambahkan CSS internal menggunakan <style> element in an HTML document by following the steps below:

  1. Muat file HTML yang ada menggunakan kelas HTMLDocument.
  2. Buat <style> element using the CreateElement() method.
  3. Tentukan TextContent untuk <style> element.
  4. Dapatkan HTMLElement spesifik untuk mengubah warna batas.
  5. Setelah itu, tambahkan elemen style menggunakan metode AppendChild().
  6. Terakhir, simpan dokumen HTML ke sebuah file.

Contoh kode berikut menunjukkan cara mengubah warna batas menggunakan CSS internal di C#.

// Siapkan jalur ke file HTML sumber
string documentPath = "C:\\Files\\input.html";

// Siapkan jalur keluaran untuk menyimpan dokumen
string savePath = "C:\\Files\\output_css.html";

// Buat sebuah instance dari dokumen HTML
var document = new HTMLDocument(documentPath);

// Buat elemen gaya dan tetapkan nilai warna gaya batas dan warna batas untuk elemen h1
var style = document.CreateElement("style");
style.TextContent = "h1 { color:Blue; border-style:solid; border-color:rgb(220,30,100) }";

// Temukan elemen kepala dokumen dan tambahkan elemen gaya ke kepala
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// Simpan dokumen HTML ke file
document.Save(Path.Combine(savePath));

Contoh kode di atas menambahkan <style> element in the <head> section of the output HTML document.

<style>
h1 { 
	color: blue; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: rgb(220, 30, 100); 
	border-right-color: rgb(220, 30, 100); 
	border-bottom-color: rgb(220, 30, 100); 
	border-left-color: rgb(220, 30, 100); }
</style>

Ubah Warna Batas Tabel HTML di C#

Kita dapat dengan mudah mengubah warna batas tabel HTML menggunakan CSS internal atau sebaris. Kita dapat menerapkan <style> element to the HTML <table> element.

Silakan ikuti langkah-langkah di bawah ini untuk mengubah warna border tabel HTML.

  1. Muat file HTML yang ada menggunakan kelas HTMLDocument.
  2. Pilih tabel menggunakan metode QuerySelector().
  3. Setel atribut gaya menggunakan metode SetAttribute().
  4. Terakhir, simpan dokumen HTML ke sebuah file.

Contoh kode berikut menunjukkan cara mengubah warna batas tabel HTML di C#.

// Siapkan jalur ke file HTML sumber
string documentPath = "C:\\Files\\html_table.html";

// Siapkan jalur keluaran untuk menyimpan dokumen
string savePath = "C:\\Files\\output_table.html";

// Buat sebuah instance dari dokumen HTML
var document = new HTMLDocument(documentPath);

// Buat Pemilih CSS yang memilih elemen tabel pertama
var element = document.QuerySelector("table");

// Tetapkan atribut gaya dengan properti untuk elemen yang dipilih               
element.SetAttribute("style", "border: 2px #0000ff solid");

// Simpan dokumen HTML ke file
document.Save(savePath);
Ubah Warna Batas Tabel HTML di C#

Ubah Warna Batas Tabel HTML di C#

Dapatkan Lisensi Gratis

Anda bisa mendapatkan lisensi sementara gratis untuk mencoba Aspose.HTML for .NET tanpa batasan evaluasi.

Buat Tabel HTML – Sumber Belajar

Selain mengubah warna batas, Anda dapat mempelajari lebih lanjut tentang perpustakaan dan menjelajahi berbagai fitur lainnya menggunakan sumber daya di bawah:

Kesimpulan

Dalam postingan blog ini, kita telah mempelajari cara mengubah warna tepi dokumen HTML menggunakan C#. Kami telah menjelajahi berbagai metode untuk mengubah warna batas elemen HTML yang berbeda. Dengan mengikuti langkah-langkah dan contoh kode yang disediakan dalam artikel ini, Anda dapat dengan mudah mengembangkan solusi khusus Anda sendiri untuk bekerja dengan dokumen HTML. Jika ada ambiguitas, jangan ragu untuk menghubungi kami di forum dukungan gratis kami.

Lihat juga