Changer la couleur de la bordure HTML en C# | Changer la couleur de la bordure CSS

Dans cet article de blog, nous apprendrons comment changer la couleur de la bordure HTML en C#. Ce guide vous fournira les connaissances et les compétences dont vous avez besoin pour modifier efficacement la couleur de la bordure, la couleur de la bordure CSS, la couleur de la bordure du tableau HTML, etc. dans les fichiers HTML par programme à l’aide de C#.

Cet article couvre les sujets suivants :

  1. API C# pour changer la couleur des bordures dans les fichiers HTML
  2. Changer la couleur de la bordure HTML
  3. CSS de couleur de bordure utilisant du CSS interne
  4. Changer la couleur de la bordure du tableau HTML
  5. Ressources d’apprentissage gratuites

API C# pour changer la couleur de la bordure dans les fichiers HTML

Nous utiliserons Aspose.HTML for .NET pour changer la couleur de la bordure dans les fichiers HTML. Il s’agit d’une bibliothèque de classes multiplateforme puissante et polyvalente qui permet aux développeurs de manipuler et de gérer des documents HTML au sein de leurs applications .NET. Il vous permet de créer, éditer et convertir des fichiers HTML. Aspose.HTML for .NET vous permet d’analyser et d’extraire le contenu de fichiers HTML. Il prend en charge non seulement les spécifications HTML5 mais également CSS3 et HTML Canvas, vous permettant de styliser vos documents HTML et d’interagir avec des éléments dynamiques.

Veuillez soit télécharger la DLL de l’API, soit l’installer à l’aide de NuGet.

PM> Install-Package Aspose.Html

Changer la couleur de la bordure HTML en C#

La propriété border-color définit la couleur des quatre bordures d’un élément. Lorsqu’une seule valeur est attribuée à la propriété border-color, toutes les bordures seront peintes avec cette couleur. Par exemple, si nous définissons la propriété « border-color » sur la couleur « rouge », alors les quatre couleurs de bordure seront « rouge ». Alternativement, nous avons la possibilité de spécifier des valeurs de couleur distinctes pour les bordures supérieure, droite, inférieure et gauche.

Nous pouvons changer la couleur de la bordure de n’importe quel élément HTML en suivant les étapes ci-dessous :

  1. Chargez un fichier HTML existant à l’aide de la classe HTMLDocument.
  2. Obtenez le HTMLElement spécifique pour changer la couleur de la bordure.
  3. Définissez les attributs de style de bordure, par exemple BorderStyle, BorderColor.
  4. Enfin, enregistrez le document HTML dans un fichier.

L’exemple de code suivant montre comment modifier la couleur de la bordure en HTML à l’aide de C#.

// Préparer le chemin d'accès au fichier HTML source
string documentPath = "C:\\Files\\input.html";

// Préparer le chemin de sortie pour l'enregistrement du document
string savePath = "C:\\Files\\output.html";

// Créer une instance d'un document HTML
var document = new HTMLDocument(documentPath);

// Recherchez l'élément h1 pour définir un attribut de style
var header = (HTMLElement)document.GetElementsByTagName("h1").First();

// Définir les propriétés des attributs de style
header.Style.BorderStyle = "solid";
header.Style.BorderColor = "red blue green gray";

// Recherchez l'élément h2 pour définir un attribut de style
var subheading = (HTMLElement)document.GetElementsByTagName("h2").First();

// Définir les propriétés des attributs de style
subheading.Style.BorderStyle = "solid";
subheading.Style.BorderColor = "black";

// Enregistrez le document HTML dans un fichier
document.Save(Path.Combine(savePath));
Changer la couleur de la bordure HTML en C#

Changer la couleur de la bordure HTML en C#

Modifier le CSS de couleur de bordure à l’aide du CSS interne en C#

Nous pouvons changer la couleur de la bordure en ajoutant du CSS interne à l’aide du <style> element in an HTML document by following the steps below:

  1. Chargez un fichier HTML existant à l’aide de la classe HTMLDocument.
  2. Créer un <style> element using the CreateElement() method.
  3. Spécifiez le TextContent pour le <style> element.
  4. Obtenez le HTMLElement spécifique pour changer la couleur de la bordure.
  5. Après cela, ajoutez l’élément de style à l’aide de la méthode AppendChild().
  6. Enfin, enregistrez le document HTML dans un fichier.

L’exemple de code suivant montre comment modifier la couleur de la bordure à l’aide du CSS interne en C#.

// Préparer le chemin d'accès au fichier HTML source
string documentPath = "C:\\Files\\input.html";

// Préparer le chemin de sortie pour l'enregistrement du document
string savePath = "C:\\Files\\output_css.html";

// Créer une instance d'un document HTML
var document = new HTMLDocument(documentPath);

// Créez un élément de style et attribuez les valeurs de couleur border-style et border-color à l'élément h1.
var style = document.CreateElement("style");
style.TextContent = "h1 { color:Blue; border-style:solid; border-color:rgb(220,30,100) }";

// Recherchez l'élément d'en-tête du document et ajoutez l'élément de style à l'en-tête.
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// Enregistrez le document HTML dans un fichier
document.Save(Path.Combine(savePath));

L’exemple de code ci-dessus ajoute ce qui suit : <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>

Changer la couleur de la bordure du tableau HTML en C#

Nous pouvons facilement changer la couleur de la bordure des tableaux HTML en utilisant du CSS interne ou en ligne. Nous pouvons appliquer le <style> element to the HTML <table> element.

Veuillez suivre les étapes ci-dessous pour modifier la couleur de la bordure du tableau HTML.

  1. Chargez un fichier HTML existant à l’aide de la classe HTMLDocument.
  2. Sélectionnez la table à l’aide de la méthode QuerySelector().
  3. Définissez l’attribut de style à l’aide de la méthode SetAttribute().
  4. Enfin, enregistrez le document HTML dans un fichier.

L’exemple de code suivant montre comment modifier la couleur de la bordure d’un tableau HTML en C#.

// Préparer le chemin d'accès au fichier HTML source
string documentPath = "C:\\Files\\html_table.html";

// Préparer le chemin de sortie pour l'enregistrement du document
string savePath = "C:\\Files\\output_table.html";

// Créer une instance d'un document HTML
var document = new HTMLDocument(documentPath);

// Créez un sélecteur CSS qui sélectionne le premier élément du tableau
var element = document.QuerySelector("table");

// Définir l'attribut de style avec les propriétés de l'élément sélectionné               
element.SetAttribute("style", "border: 2px #0000ff solid");

// Enregistrez le document HTML dans un fichier
document.Save(savePath);
Changer la couleur de la bordure du tableau HTML en C#

Changer la couleur de la bordure du tableau HTML en C#

Obtenez une licence gratuite

Vous pouvez obtenir une licence temporaire gratuite pour essayer Aspose.HTML for .NET sans limitations d’évaluation.

Créer un tableau HTML – Ressources d’apprentissage

En plus de changer la couleur de la bordure, vous pouvez en savoir plus sur la bibliothèque et explorer diverses autres fonctionnalités en utilisant les ressources ci-dessous :

Conclusion

Dans cet article de blog, nous avons appris comment modifier la couleur de la bordure dans les documents HTML à l’aide de C#. Nous avons exploré diverses méthodes pour modifier les couleurs des bordures de différents éléments HTML. En suivant les étapes et les exemples de code fournis dans cet article, vous pouvez facilement développer vos propres solutions personnalisées pour travailler avec des documents HTML. En cas d’ambiguïté, n’hésitez pas à nous contacter sur notre forum d’assistance gratuit.

Voir également