oujood.com

Propriété css : La régle @charset

La règle @charset spécifie l'encodage de caractères utilisé dans la feuille de style. La règle @charset doit être le premier élément de la feuille de style
La règle @charset spécifie le codage des caractères utilisé dans la feuille de style.

chercher |

Définition et utilisation da la propriété css @charset Rule

La règle @charset doit être le premier élément de la feuille de style et ne doit être précédée d'aucun caractère. Si plusieurs règles @charset sont définies, seule la première est utilisée. La règle @charset ne peut pas être utilisée à l'intérieur comme un attribut de style (sur un élément HTML), ou à l'intérieur de l'élément <style> où le jeu de caractères de la page HTML est pertinent.

La Syntaxe CSS
@charset "charset";
Cette propriété accepte la valeur unique "charset". Il est utile lorsque des caractères NON-ASCII sont utilisés dans le contenu. Il existe de nombreuses façons de définir l'encodage des caractères d'une feuille de style. Tous les navigateurs suivent les méthodes suivantes dans les ordres donnés.

La valeur du caractère Unicode byte-order doit être placée au début du fichier.

La valeur est donnée par l'attribut charset de l'en-tête Content-Type : HTTP ou l'équivalent dans le protocole utilisé pour servir de feuille de style.

Prise en charge de la propriété css dans les navigateurs

Les numéros figurant dans le tableau indiquent la première version du navigateur qui prend totalement en charge la propriété.

Les numéros suivis de -webkit-, -moz-, ou -o- indiquent la première version qui fonctionne avec un préfixe.

ExplorateurGoogle ChromeInternet ExplorerFirefoxSafariOpera
Verssion2121.59
4
30
9

Valeurs de la propriété @charset Rule

charset : Spécifie l'encodage de caractères à utiliser

Exemple       Copier le code

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
        <title>CSS @charset Rule</title>
        <style>
            h1 {
                color: green;
            }
        </style>
    </head>
     
    <body>
        <center>
            <h1>www.oujood.com</h1>
             
            <p> Apprendre </p>
 
        <center>
    </body>
</html>




Voir aussi nos tutoriel :

jQuery evenements

Les événements jQuery

float

Spécifie si oui ou non une boîte doit flotter

list-style-image

Spécifie une image comme marqueur list-item