CSS barré CSS

CSS Strikethrough (CSS Strikethrough)

Dans la conception Web, le barré est souvent utilisé pour indiquer qu'un certain paragraphe de texte n'est plus valide ou a été modifié. CSS fournit plusieurs méthodes pour ajouter du barré au texte. Cet article en présentera deux : text-decoration et text-decoration-line.

attribut text-decoration

attribut text-decoration est un attribut CSS utilisé pour ajouter des lignes décoratives au texte. Il peut contrôler le soulignement, le surlignement, le barré, etc. du texte. Voici la syntaxe de l'attribut text-decoration :

text-decoration: [line] [style] [color];

Parmi eux, le paramètre line est utilisé pour définir le type de ligne décorative, le paramètre style est utilisé pour définir le style de la ligne décorative et le paramètre color est utilisé pour définir la couleur de la ligne décorative.

Pour ajouter du barré au texte, il vous suffit de définir le paramètre de ligne sur barré. Le style peut être laissé non défini par défaut et la couleur peut être définie selon vos besoins. Voici un exemple :

p {
    text-decoration: line-through;
    color: red;
}

Dans cet exemple, nous ajoutons un barré à l'élément p, le style n'est pas défini et la couleur est définie sur rouge.

attribut text-decoration-line

l'attribut text-decoration-line est un nouvel attribut en CSS3, utilisé pour contrôler le type de ligne décorative. Contrairement à l'attribut text-decoration, text-decoration-line n'a besoin de définir qu'un seul type. Voici la syntaxe de l'attribut text-decoration-line :

text-decoration-line: [line];

Il suffit de définir le paramètre line sur line-through pour ajouter du barré au texte. Voici un exemple :

p {
    text-decoration-line: line-through;
    color: blue;
}

Dans cet exemple, nous avons également ajouté un barré à l'élément p et défini la couleur sur bleu. Étant donné que la propriété text-decoration-line contrôle uniquement le type de ligne, la couleur doit être définie via la propriété color.

Résumé

Avec les deux méthodes ci-dessus, nous pouvons ajouter du barré au texte en CSS. L'attribut text-decoration peut contrôler plusieurs lignes de décoration en même temps. L'attribut text-decoration-line n'a besoin que de définir le barré, ce qui peut être plus concis. Dans le processus de développement proprement dit, vous devez choisir la méthode appropriée pour obtenir l'effet barré en fonction de vos besoins.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!