C#'ta HTML Kenarlık Rengini Değiştirme | Kenarlık Rengi CSS'sini Değiştir

Bu blog yazısında C#’ta HTML kenarlık renginin nasıl değiştirileceğini öğreneceğiz. Bu kılavuz size HTML dosyalarındaki kenarlık rengini, kenarlık rengini CSS’yi, HTML tablo kenarlığı rengini vb. C# kullanarak programlı olarak etkili bir şekilde değiştirmek için ihtiyaç duyduğunuz bilgi ve becerileri sağlayacaktır.

Bu makale aşağıdaki konuları kapsamaktadır:

  1. HTML dosyalarındaki kenarlık rengini değiştirmek için C# API’si
  2. HTML kenarlık rengini değiştirin
  3. Dahili CSS kullanan kenarlık rengi CSS
  4. HTML tablosu kenarlık rengini değiştirin
  5. Ücretsiz öğrenme kaynakları

HTML Dosyalarında Kenarlık Rengini Değiştirmek için C# API’si

HTML dosyalarındaki kenarlık rengini değiştirmek için Aspose.HTML for .NET kullanacağız. Geliştiricilere, .NET uygulamaları içinde HTML belgelerini yönetme ve yönetme yetkisi veren, güçlü ve çok yönlü bir platformlar arası sınıf kitaplığıdır. HTML dosyalarını oluşturmanıza, düzenlemenize ve dönüştürmenize olanak tanır. Aspose.HTML for .NET, HTML dosyalarından içerik analiz etmenize ve çıkarmanıza olanak sağlar. Yalnızca HTML5’i değil aynı zamanda CSS3 ve HTML Canvas spesifikasyonlarını da destekleyerek HTML belgelerinizi şekillendirmenize ve dinamik öğelerle etkileşimde bulunmanıza olanak tanır.

Lütfen API’nin DLL’sini indirin veya NuGet kullanarak yükleyin.

PM> Install-Package Aspose.Html

C#’ta HTML Kenarlık Rengini Değiştirme

‘border-color’ özelliği, bir öğenin dört kenarlığının tamamının rengini ayarlar. Border-color özelliğine tek bir değer atandığında tüm kenarlıklar o renge boyanacaktır. Örneğin, “border-color” özelliğini “kırmızı” rengine ayarlarsak dört kenarlık renginin tümü “kırmızı” olur. Alternatif olarak üst, sağ, alt ve sol kenarlıklar için farklı renk değerleri belirleme esnekliğine de sahibiz.

Aşağıdaki adımları izleyerek herhangi bir HTML öğesinin kenarlık rengini değiştirebiliriz:

  1. HTMLDocument sınıfını kullanarak mevcut bir HTML dosyasını yükleyin.
  2. Kenarlık rengini değiştirmek için belirli HTMLElement öğesini edinin.
  3. Kenarlık stili niteliklerini ayarlayın; örneğin, BorderStyle, BorderColor.
  4. Son olarak HTML belgesini bir dosyaya kaydedin.

Aşağıdaki kod örneği, C# kullanarak HTML’de kenarlık renginin nasıl değiştirileceğini gösterir.

// Kaynak HTML dosyasının yolunu hazırlayın
string documentPath = "C:\\Files\\input.html";

// Belgeyi kaydetmek için çıktı yolunu hazırlayın
string savePath = "C:\\Files\\output.html";

// HTML belgesinin bir örneğini oluşturma
var document = new HTMLDocument(documentPath);

// Stil özelliğini ayarlamak için h1 öğesini bulun
var header = (HTMLElement)document.GetElementsByTagName("h1").First();

// Stil niteliği özelliklerini ayarlama
header.Style.BorderStyle = "solid";
header.Style.BorderColor = "red blue green gray";

// Stil özelliğini ayarlamak için h2 öğesini bulun
var subheading = (HTMLElement)document.GetElementsByTagName("h2").First();

// Stil niteliği özelliklerini ayarlama
subheading.Style.BorderStyle = "solid";
subheading.Style.BorderColor = "black";

// HTML belgesini bir dosyaya kaydedin
document.Save(Path.Combine(savePath));
C#'ta HTML Kenarlık Rengini Değiştirme

C#’ta HTML Kenarlık Rengini Değiştirme

C#’ta Dahili CSS’yi kullanarak Kenarlık Rengi CSS’sini değiştirme

kullanarak dahili CSS ekleyerek kenarlık rengini değiştirebiliriz. <style> element in an HTML document by following the steps below:

  1. HTMLDocument sınıfını kullanarak mevcut bir HTML dosyasını yükleyin.
  2. Bir oluştur <style> element using the CreateElement() method.
  3. için TextContent’i belirtin <style> element.
  4. Kenarlık rengini değiştirmek için belirli HTMLElement öğesini edinin.
  5. Bundan sonra AppendChild() yöntemini kullanarak stil öğesini ekleyin.
  6. Son olarak HTML belgesini bir dosyaya kaydedin.

Aşağıdaki kod örneği, C#’ta dahili CSS kullanılarak kenarlık renginin nasıl değiştirileceğini gösterir.

// Kaynak HTML dosyasının yolunu hazırlayın
string documentPath = "C:\\Files\\input.html";

// Belgeyi kaydetmek için çıktı yolunu hazırlayın
string savePath = "C:\\Files\\output_css.html";

// HTML belgesinin bir örneğini oluşturma
var document = new HTMLDocument(documentPath);

// Bir stil öğesi oluşturun ve h1 öğesi için color border-style ve border-color değerlerini atayın
var style = document.CreateElement("style");
style.TextContent = "h1 { color:Blue; border-style:solid; border-color:rgb(220,30,100) }";

// Belge başlığı öğesini bulun ve stil öğesini başa ekleyin
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// HTML belgesini bir dosyaya kaydedin
document.Save(Path.Combine(savePath));

Yukarıdaki kod örneğine aşağıdaki eklenir <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>

C#’ta HTML Tablo Kenarlık Rengini Değiştirme

Dahili veya satır içi CSS kullanarak HTML tablolarının kenarlık rengini kolayca değiştirebiliriz. ifadesini uygulayabiliriz. <style> element to the HTML <table> element.

HTML tablosunun kenarlık rengini değiştirmek için lütfen aşağıdaki adımları izleyin.

  1. HTMLDocument sınıfını kullanarak mevcut bir HTML dosyasını yükleyin.
  2. QuerySelector() yöntemini kullanarak tabloyu seçin.
  3. SetAttribute() yöntemini kullanarak stil niteliğini ayarlayın.
  4. Son olarak HTML belgesini bir dosyaya kaydedin.

Aşağıdaki kod örneği, C#’ta bir HTML tablosunun kenarlık renginin nasıl değiştirileceğini gösterir.

// Kaynak HTML dosyasının yolunu hazırlayın
string documentPath = "C:\\Files\\html_table.html";

// Belgeyi kaydetmek için çıktı yolunu hazırlayın
string savePath = "C:\\Files\\output_table.html";

// HTML belgesinin bir örneğini oluşturma
var document = new HTMLDocument(documentPath);

// İlk tablo öğesini seçen bir CSS Seçici oluşturun
var element = document.QuerySelector("table");

// Seçilen öğenin özellikleriyle birlikte stil niteliğini ayarla               
element.SetAttribute("style", "border: 2px #0000ff solid");

// HTML belgesini bir dosyaya kaydedin
document.Save(savePath);
C#'ta HTML Tablo Kenarlık Rengini Değiştirme

C#’ta HTML Tablo Kenarlık Rengini Değiştirme

Ücretsiz Lisans Alın

Aspose.HTML for .NET’i değerlendirme sınırlaması olmadan denemek için ücretsiz bir geçici lisans alabilirsiniz.

HTML Tablosu Oluşturun – Öğrenme Kaynakları

Kenarlık rengini değiştirmenin yanı sıra aşağıdaki kaynakları kullanarak kitaplık hakkında daha fazla bilgi edinebilir ve diğer çeşitli özellikleri keşfedebilirsiniz:

Çözüm

Bu blog yazısında C# kullanarak HTML belgelerinde kenarlık renginin nasıl değiştirileceğini öğrendik. Farklı HTML öğelerinin kenarlık renklerini değiştirmek için çeşitli yöntemler araştırdık. Bu makalede verilen adımları ve kod örneklerini takip ederek HTML belgeleriyle çalışmaya yönelik kendi özelleştirilmiş çözümlerinizi kolaylıkla geliştirebilirsiniz. Herhangi bir belirsizlik durumunda lütfen ücretsiz destek forumumuz üzerinden bizimle iletişime geçmekten çekinmeyin.

Ayrıca bakınız