تغيير لون حدود HTML في C# | تغيير لون الحدود CSS

في هذه التدوينة، سوف نتعلم كيفية تغيير لون حدود HTML في لغة #C. سيزودك هذا الدليل بالمعرفة والمهارات التي تحتاجها لتغيير لون الحدود ولون حدود CSS ولون حدود الجدول HTML وما إلى ذلك بشكل فعال في ملفات HTML برمجيًا باستخدام #C.

تتناول هذه المقالة المواضيع التالية:

  1. C# API لتغيير لون الحدود في ملفات HTML
  2. تغيير لون حدود HTML
  3. لون الحدود CSS باستخدام CSS الداخلي
  4. تغيير لون حدود جدول HTML
  5. مصادر التعلم المجانية

C# API لتغيير لون الحدود في ملفات HTML

سوف نستخدم Aspose.HTML for .NET لتغيير لون الحدود في ملفات HTML. إنها مكتبة قوية ومتعددة الاستخدامات عبر الأنظمة الأساسية تمكن المطورين من التعامل مع مستندات HTML وإدارتها داخل تطبيقات .NET الخاصة بهم. يسمح لك بإنشاء وتحرير وتحويل ملفات HTML. يمكّنك Aspose.HTML for .NET من تحليل المحتوى واستخراجه من ملفات HTML. وهو لا يدعم HTML5 فحسب، بل يدعم أيضًا مواصفات CSS3 وHTML Canvas، مما يسمح لك بتصميم مستندات HTML الخاصة بك والتفاعل مع العناصر الديناميكية.

يرجى إما تنزيل ملف DLL الخاص بواجهة برمجة التطبيقات أو تثبيته باستخدام NuGet.

PM> Install-Package Aspose.Html

تغيير لون حدود HTML في #C

الخاصية border-color تحدد لون الحدود الأربعة للعنصر. عندما يتم تعيين قيمة واحدة لخاصية “لون الحدود”، سيتم رسم جميع الحدود بهذا اللون. على سبيل المثال، إذا قمنا بتعيين خاصية Border-color على اللون أحمر، فستكون ألوان الحدود الأربعة جميعها حمراء. وبدلاً من ذلك، لدينا المرونة اللازمة لتحديد قيم ألوان مميزة للحدود العلوية واليمنى والسفلية واليسرى.

يمكننا تغيير لون الحدود لأي عنصر HTML باتباع الخطوات التالية:

  1. قم بتحميل ملف HTML موجود باستخدام فئة HTMLDocument.
  2. احصل على HTMLElement المحدد لتغيير لون الحدود.
  3. قم بتعيين سمات نمط الحدود، على سبيل المثال BorderStyle وBorderColor.
  4. وأخيرًا، احفظ مستند HTML في ملف.

يوضح نموذج التعليمات البرمجية التالي كيفية تغيير لون الحدود في HTML باستخدام #C.

// قم بإعداد المسار إلى ملف HTML المصدر
string documentPath = "C:\\Files\\input.html";

// قم بإعداد مسار الإخراج لحفظ المستندات
string savePath = "C:\\Files\\output.html";

// إنشاء مثيل لمستند HTML
var document = new HTMLDocument(documentPath);

// ابحث عن عنصر h1 لتعيين سمة النمط
var header = (HTMLElement)document.GetElementsByTagName("h1").First();

// تعيين خصائص سمة النمط
header.Style.BorderStyle = "solid";
header.Style.BorderColor = "red blue green gray";

// ابحث عن عنصر h2 لتعيين سمة النمط
var subheading = (HTMLElement)document.GetElementsByTagName("h2").First();

// تعيين خصائص سمة النمط
subheading.Style.BorderStyle = "solid";
subheading.Style.BorderColor = "black";

// احفظ مستند HTML في ملف
document.Save(Path.Combine(savePath));
تغيير لون حدود HTML في C#

تغيير لون حدود HTML في C#

تغيير لون الحدود CSS باستخدام CSS الداخلي في #C

يمكننا تغيير لون الحدود عن طريق إضافة CSS داخلي باستخدام الملف <style> element in an HTML document by following the steps below:

  1. قم بتحميل ملف HTML موجود باستخدام فئة HTMLDocument.
  2. قم بإنشاء <style> element using the CreateElement() method.
  3. حدد محتوى النص لـ <style> element.
  4. احصل على HTMLElement المحدد لتغيير لون الحدود.
  5. بعد ذلك، قم بإلحاق عنصر النمط باستخدام طريقة AppendChild().
  6. وأخيرًا، احفظ مستند HTML في ملف.

يوضح نموذج التعليمات البرمجية التالي كيفية تغيير لون الحدود باستخدام CSS الداخلي في #C.

// قم بإعداد المسار إلى ملف HTML المصدر
string documentPath = "C:\\Files\\input.html";

// قم بإعداد مسار الإخراج لحفظ المستندات
string savePath = "C:\\Files\\output_css.html";

// إنشاء مثيل لمستند HTML
var document = new HTMLDocument(documentPath);

// قم بإنشاء عنصر نمط وقم بتعيين قيم نمط الحدود ولون الحدود لعنصر h1
var style = document.CreateElement("style");
style.TextContent = "h1 { color:Blue; border-style:solid; border-color:rgb(220,30,100) }";

// ابحث عن عنصر رأس المستند وقم بإلحاق عنصر النمط بالرأس
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// احفظ مستند HTML في ملف
document.Save(Path.Combine(savePath));

يُلحق نموذج التعليمات البرمجية أعلاه ما يلي <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>

تغيير لون حدود جدول HTML في C#

يمكننا بسهولة تغيير لون حدود جداول HTML باستخدام CSS الداخلي أو المضمّن. يمكننا تطبيق <style> element to the HTML <table> element.

يرجى اتباع الخطوات أدناه لتغيير لون حدود جدول HTML.

  1. قم بتحميل ملف HTML موجود باستخدام فئة HTMLDocument.
  2. حدد الجدول باستخدام أسلوب QuerySelector().
  3. قم بتعيين سمة النمط باستخدام أسلوب SetAttribute().
  4. وأخيرًا، احفظ مستند HTML في ملف.

يوضح نموذج التعليمات البرمجية التالي كيفية تغيير لون الحدود لجدول HTML في #C.

// قم بإعداد المسار إلى ملف HTML المصدر
string documentPath = "C:\\Files\\html_table.html";

// قم بإعداد مسار الإخراج لحفظ المستندات
string savePath = "C:\\Files\\output_table.html";

// إنشاء مثيل لمستند HTML
var document = new HTMLDocument(documentPath);

// قم بإنشاء محدد CSS الذي يحدد عنصر الجدول الأول
var element = document.QuerySelector("table");

// تعيين سمة النمط مع خصائص العنصر المحدد               
element.SetAttribute("style", "border: 2px #0000ff solid");

// احفظ مستند HTML في ملف
document.Save(savePath);
تغيير لون حدود جدول HTML في C#

تغيير لون حدود جدول HTML في C#

احصل على ترخيص مجاني

يمكنك الحصول على ترخيص مؤقت مجاني لتجربة Aspose.HTML لـ .NET دون قيود التقييم.

إنشاء جدول HTML – مصادر التعلم

إلى جانب تغيير لون الحدود، يمكنك معرفة المزيد عن المكتبة واستكشاف العديد من الميزات الأخرى باستخدام الموارد أدناه:

خاتمة

في هذه التدوينة، تعلمنا كيفية تغيير لون الحدود في مستندات HTML باستخدام C#. لقد استكشفنا طرقًا مختلفة لتغيير ألوان الحدود لعناصر HTML المختلفة. باتباع الخطوات ونماذج التعليمات البرمجية المتوفرة في هذه المقالة، يمكنك بسهولة تطوير الحلول المخصصة الخاصة بك للتعامل مع مستندات HTML. في حالة وجود أي غموض، فلا تتردد في الاتصال بنا على منتدى الدعم المجاني الخاص بنا.

أنظر أيضا