Comment Changer la Couleur de la Bordure en Python

Changer programmatiquement la couleur de la bordure des éléments HTML est une tâche courante dans le traitement automatisé de documents et les styles. En utilisant Aspose.HTML for Python via .NET, vous pouvez facilement charger un document HTML, appliquer des règles CSS et sauvegarder la version modifiée sans éditer manuellement les fichiers source.

Cet article explique comment changer la couleur de la bordure des éléments HTML en Python en utilisant la propriété CSS border-color avec des styles en ligne ou internes. Les valeurs de couleur peuvent être spécifiées comme les noms de couleur standard ou avec des valeurs HEX, RGB, RGBA, HSL et HSLA.

Changer la Couleur de la Bordure en Utilisant CSS En Ligne

Vous pouvez définir ou changer la couleur de la bordure en utilisant l’attribut style en ligne. La propriété border-color fonctionne uniquement lorsqu’un border-style est défini, car elle contrôle la visibilité de la bordure. Sans cela, la couleur de la bordure n’apparaîtra pas et peut hériter de la couleur du texte de l’élément. La propriété prend en charge les noms de couleur, RGB, RGBA, HEX, HSL et les valeurs HSLA. Pour changer la couleur de la bordure pour un élément HTML en utilisant Aspose.HTML for Python via .NET, vous devez suivre quelques étapes :

1. Charger un fichier HTML existant et créer une instance d’un document HTML.
2. Déterminer quel élément vous souhaitez changer la couleur de la bordure et trouver cet élément pour définir un attribut de style pour lui. Utilisez la méthode get_elements_by_tag_name(name) de la classe Element qui renvoie l’élément HTML avec un nom d’étiquette donné.
3. Utilisez la méthode set_attribute() pour définir l’attribut style avec les propriétés border-style et border-color.
4. Sauvegarder le document HTML modifié.

Vous pouvez définir ou changer la couleur de la bordure pour divers éléments HTML tels que <p>, <h1>…<h6>, <div> ou <table>. L’exemple Python suivant montre le changement de couleur de la bordure pour l’élément <h1> :

# Change H1 border color in HTML in Python

import os
import aspose.html as ah

# Prepare input and output paths
output_dir = "output"
os.makedirs(output_dir, exist_ok=True)
save_path = os.path.join(output_dir, "change-border-color.html")

data_dir = "data"
document_path = os.path.join(data_dir, "file.html")

# Change the heading text and border colors
with ah.HTMLDocument(document_path) as document:
    header = document.get_elements_by_tag_name("h1")[0]

    # Set inline CSS properties
    header.set_attribute("style", "color: #8B0000; border-style: solid; border-color: rgb(220,30,100);")

    document.save(save_path)

Il convient de noter que dans cet exemple, non seulement la couleur de la bordure pour l’élément <h1> a été changée, mais aussi la couleur du texte pour cet élément (la propriété color a été ajoutée).

Note : border-style est requis. border-color par lui-même n’affichera rien à moins que l’élément ait un border-style (par exemple, solide, pointillé ou double). Définissez toujours un border-style (ou utilisez la forme abrégée border: 1px solid #000;) pour rendre la bordure visible.

Changer la Couleur pour les Quatre Côtés de la Bordure

La propriété border-color définit la couleur des quatre bordures d’un élément. Si la propriété border-color a une seule valeur, alors toute la bordure sera peinte avec cette couleur. Mais vous pouvez définir différentes valeurs de couleur pour les bordures supérieure, droite, inférieure et gauche. Par exemple, si vous définissez border-color: red blue green gray, la bordure supérieure est rouge, la bordure droite est bleue, la bordure inférieure est verte et la bordure gauche est grise.

# Change CSS border colors for all four sides in Python

import os
import aspose.html as ah

# Prepare input and output paths
data_dir = "data"
output_dir = "output"
os.makedirs(output_dir, exist_ok=True)
document_path = os.path.join(data_dir, "file.html")
save_path = os.path.join(output_dir, "change-four-border-color.html")

# Change the border color on each side of the heading
with ah.HTMLDocument(document_path) as document:
    header = document.get_elements_by_tag_name("h1")[0]

    # Set inline CSS for border style and different border colors on each side
    header.set_attribute("style", "border-style: solid; border-color: red blue green gray;")

    document.save(save_path)

Note : Ordre des valeurs de border-color. Une valeur s’applique à tous les côtés, deux valeurs → haut/bas et gauche/droite, trois valeurs → haut, gauche/droite, bas, quatre valeurs → haut, droite, bas, gauche.

La figure illustre les résultats du changement de couleur de la bordure pour l’élément <h1> en utilisant CSS en ligne – a changé la couleur pour chacun des quatre côtés de la bordure.

Changer la Couleur de la Bordure en Utilisant CSS Interne

La coloration de la bordure peut être réalisée en utilisant CSS interne, comme le montre l’exemple de code HTML suivant. Les styles seront appliqués à tous les éléments de paragraphe dans le document :

<head>
<style>
	p {
	border-style: solid;
	border-color: rgb(220,30,100);
	}
</style>
</head>

Note : Gardez à l’esprit que l’utilisation d’un attribut style remplace tout style défini dans la balise HTML <style> ou dans la feuille de style externe.

L’exemple Python suivant démontre comment réaliser CSS interne pour changer la couleur de la bordure pour tous les éléments <p>. Suivez quelques étapes :

1. Créer une instance d’un document HTML.
2. Créer un élément <style> et assigner les valeurs border-style et border-color pour l’élément <p>.
3. Utiliser la méthode get_elements_by_tag_name() pour trouver l’élément <head> dans votre document et ajouter l’élément <style> dans celui-ci.
4. Sauvegarder le document HTML modifié.

# Change HTML border color with internal CSS in Python

import os
import aspose.html as ah

# Prepare input and output paths
data_dir = "data"
output_dir = "output"
os.makedirs(output_dir, exist_ok=True)
document_path = os.path.join(data_dir, "file.html")
save_path = os.path.join(output_dir, "change-border-color-internal-css.html")

# Add an internal CSS rule for paragraph borders
with ah.HTMLDocument(document_path) as document:
    # Create a <style> element and set CSS for <p> elements
    style = document.create_element("style")
    style.text_content = "p {border-style: solid; border-color: rgb(220,30,100); }"

    head = document.get_elements_by_tag_name("head")[0]
    head.append_child(style)

    document.save(save_path)

Changer la Couleur de la Bordure de Tableau

Si vous souhaitez changer la couleur de la bordure du tableau, vous pouvez utiliser CSS en ligne ou interne.

Vous pouvez appliquer l’attribut style avec l’élément HTML <table>. Pour changer la couleur de la bordure du tableau en utilisant l’attribut style CSS en ligne, vous pouvez utiliser la méthode query_selector() pour naviguer dans le DOM et trouver l’élément <table>. Ensuite, définissez l’attribut style avec les propriétés requises pour l’élément <table> :

Changer la Couleur de la Bordure de Tableau en Utilisant CSS En Ligne en Python

# Change table border color with inline CSS in Python

import os
import aspose.html as ah

# Prepare input and output paths
output_dir = "output"
os.makedirs(output_dir, exist_ok=True)
save_path = os.path.join(output_dir, "change-table-border-color-inline-css.html")

data_dir = "data"
document_path = os.path.join(data_dir, "table.html")

# Change the first table border color
with ah.HTMLDocument(document_path) as document:
    # Create a CSS selector to select the first table element
    element = document.query_selector("table")

    # Set inline style for the selected element
    element.set_attribute("style", "border: 2px #0000ff solid;")

    document.save(save_path)

Le même résultat de coloration de la bordure de tableau peut être réalisé en utilisant CSS interne, comme le montre l’exemple de code Python suivant :

Changer la Couleur de la Bordure de Tableau en Utilisant CSS Interne

# Change table border color with internal CSS in Python

import os
import aspose.html as ah

# Prepare input and output paths
output_dir = "output"
os.makedirs(output_dir, exist_ok=True)
data_dir = "data"
document_path = os.path.join(data_dir, "table.html")
save_path = os.path.join(output_dir, "change-table-border-color-internal-css.html")

# Add an internal CSS rule for the table border
with ah.HTMLDocument(document_path) as document:
    # Create a <style> element and set CSS for the <table> element
    style = document.create_element("style")
    style.text_content = "table { border-style:solid; border-color:rgb(0, 0, 255) }"

    head = document.get_elements_by_tag_name("head")[0]
    head.append_child(style)

    document.save(save_path)

Toutes les méthodes pour définir/changer la couleur de la bordure sont basées sur le même flux de travail de base :

1. Charger le HTML source avec ah.HTMLDocument.
2. Localiser l’élément(s) cible (create_element, get_elements_by_tag_name, query_selector).
3. Définir le CSS souhaité (style.text_content ou set_attribute("style", …)).
4. Sauvegarder le document modifié.

Questions Fréquemment Posées

1. Quelle est la meilleure façon de définir la couleur de la bordure – en utilisant border: 1px solid #000; ou border-style et border-color séparément ?
Les deux méthodes fonctionnent, mais elles servent à des fins différentes. Utiliser la forme abrégée border: 1px solid #000; est l’option la plus simple et la plus sûre, car elle définit la largeur, le style et la couleur de la bordure en une seule fois – garantissant que la bordure est visible. Cependant, si vous avez besoin de modifier les styles programmatiquement, définir border-style et border-color séparément vous donne plus de flexibilité.

2. Pourquoi ma border-color n’apparaît-elle pas même après l’avoir définie ?
La propriété border-color ne fonctionne qu’avec un border-style. Sans le border-style (tel que solide, pointillé ou pointillé), la bordure sera complètement cachée. Définissez toujours le style en premier ou utilisez la propriété abrégée border pour définir tous les paramètres à la fois.

3. Comment appliquer un style à plusieurs éléments à la fois ?
Pour obtenir des résultats cohérents sur plusieurs éléments, utilisez un bloc <style> interne dans le <head> ou assignez une classe aux éléments et définissez les styles une fois. Les styles en ligne fonctionnent pour des éléments individuels, mais CSS interne est plus adapté pour les tableaux ou de multiples étiquettes similaires.

4. Comment supprimer ou réinitialiser une couleur de bordure en HTML ?
Vous pouvez supprimer une bordure en définissant border: none; ou border-style: none;. Si vous souhaitez réinitialiser seulement la couleur, utilisez border-color: initial; ou effacez les styles en ligne en définissant set_attribute("style", "").

Voir Aussi

• Comment changer la couleur du texte en HTML ? – Dans cet article, vous apprendrez comment changer la couleur du texte dans les paragraphes, les en-têtes, etc., en utilisant Aspose.HTML for Python via .NET.
• Comment Charger et Convertir du HTML en Toute Sécurité en Python – Sandboxing – Dans cet article, vous apprendrez comment charger et convertir du HTML non fiable en toute sécurité en Python en utilisant Aspose.HTML for Python via .NET. Inclut des exemples de sandbox pour bloquer les scripts et les images externes.
• Comment changer la couleur d’arrière-plan ? – Dans cet article, vous explorerez comment changer la couleur d’arrière-plan pour le texte dans les paragraphes ou les pages entières en utilisant Aspose.HTML for Python via .NET.
• Codes de Couleur HTML – Dans cet article, vous trouverez des informations sur les codes de couleur HTML pour votre site web – noms de couleur HTML, codes de couleur HEX, valeurs RGB, RGBA, HSL et HSLA.

Générateur de Tableaux HTML est une application en ligne pour créer des tableaux avec des options personnalisables. C’est gratuit et facile à utiliser. Remplissez simplement toutes les options requises et obtenez un résultat !