Référence CSS

Référence CSS Prise en charge du navigateur CSS Sélecteurs CSS Fonctions CSS Audit de référence CSS Polices sécurisées pour le Web CSS Polices de secours CSS CSS animable Unités CSS Convertisseur CSS PX-EM Couleurs CSS Valeurs de couleur CSS Valeurs CSS par défaut Entités CSS

CSS Properties

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-decoration-break box-shadow box-sizing break-after break-before break-inside caption-side caret-color @charset clear clip clip-path color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-feature-settings font-kerning font-size font-size-adjust font-stretch font-style font-variant font-variant-caps font-weight gap grid grid-area grid-auto-columns grid-auto-flow grid-auto-rows grid-column grid-column-end grid-column-gap grid-column-start grid-gap grid-row grid-row-end grid-row-gap grid-row-start grid-template grid-template-areas grid-template-columns grid-template-rows hanging-punctuation height hyphens image-rendering @import isolation justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top mask-image mask-mode mask-origin mask-position mask-repeat mask-size max-height max-width @media min-height min-width mix-blend-mode object-fit object-position opacity order orphans outline outline-color outline-offset outline-style outline-width overflow overflow-wrap overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin pointer-events position quotes resize right row-gap scroll-behavior tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi user-select vertical-align visibility white-space widows width word-break word-spacing word-wrap writing-mode z-index



Polices sécurisées pour le Web CSS


Meilleures polices Web sécurisées pour HTML et CSS

Les polices suivantes sont les meilleures polices Web sécurisées pour HTML et CSS :

  • Arial (sans empattement)
  • Verdana (sans-serif)
  • Helvetica (sans empattement)
  • Tahoma (sans-serif)
  • Trébuchet MS (sans empattement)
  • Times New Roman (empattement)
  • Géorgie (empattement)
  • Garamond (empattement)
  • Courrier Nouveau (monospace)
  • Brush Script MT (cursif)

Remarque : Avant de publier votre site Web, vérifiez toujours comment vos polices apparaissent sur les différents navigateurs et appareils, et utilisez toujours des polices de secours !


Arial (sans empattement)

Arial est la police la plus utilisée pour les médias en ligne et imprimés. Arial est également la police par défaut dans Google Docs.

Arial est l'une des polices Web les plus sûres et elle est disponible sur tous les principaux systèmes d'exploitation.

Exemple

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Verdana (sans-serif)

Verdana est une police très populaire. Verdana est facilement lisible même pour les petites tailles de police.

Exemple

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Helvetica (sans empattement)

La police Helvetica est appréciée des designers. Il convient à de nombreux types d'entreprises.

Exemple

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Tahoma (sans-serif)

La police Tahoma a moins d'espace entre les caractères.

Exemple

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Trébuchet MS (sans empattement)

Trebuchet MS a été conçu par Microsoft en 1996. Utilisez cette police avec précaution. Non pris en charge par tous les systèmes d'exploitation mobiles.

Exemple

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9



Times New Roman (empattement)

Times New Roman est l'une des polices les plus reconnaissables au monde. Il a l'air professionnel et est utilisé dans de nombreux journaux et sites Web "d'actualités". C'est également la police principale pour les appareils et les applications Windows.

Exemple

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Géorgie (empattement)

Georgia est une police serif élégante. Il est très lisible à différentes tailles de police, c'est donc un bon candidat pour une conception adaptée aux mobiles.

Exemple

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Garamond (empattement)

Garamond est une police classique utilisée pour de nombreux livres imprimés. Il a un look intemporel et une bonne lisibilité.

Exemple

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Courrier Nouveau (monospace)

Courier New est la police à empattement monospace la plus utilisée. Courier New est souvent utilisé avec les écrans de codage, et de nombreux fournisseurs de messagerie l'utilisent comme police par défaut. Courier New est également la police standard pour les scénarios de films.

Exemple

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Brush Script MT (cursif)

La police Brush Script MT a été conçue pour imiter l'écriture manuscrite. Il est élégant et sophistiqué, mais peut être difficile à lire. Utilisez-le avec précaution.

Exemple

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

Conseil : Découvrez également toutes les polices Google disponibles et comment les utiliser.