Styles css scrollbar

<article data-type="article">
Faire les barres de défilement normalement fade correspondent au thème du site avec CSS.

Cascading feuilles de style sont des outils polyvalents pour créer des conceptions cohérentes pour les sites Web. Parmi les nombreuses caractéristiques qui peuvent être définis dans un document de CSS est l`apparence de la barre de défilement qui apparaît à chaque fois que le contenu sur un site Web dépasse la taille de la fenêtre du navigateur ou une autre case définie.

Barre de défilement style

  • Bien avant l`avènement de la CSS, la langue des sites Web a permis à la couleur de la barre de défilement à définir par des propriétés au sein de la "corps" étiquette d`un fichier Hyper Text Markup Language. Utilisez une série de sept propriétés - précédé par "Barre de défilement" et remplacé par "Couleur" pour définir la couleur pour des parties très spécifiques de la barre de défilement. Chacune de ces qualités serait alors suivie d`une valeur de couleur hexadécimale. Une définition CSS rendant le "Piste" couleur - la zone située sous le curseur de défilement - noir ressemblerait "Scrollbar-track-color: # 000000."

Barre de défilement Qualités

  • Il y a sept zones différentes de la barre de défilement qui peut être défini. Il y a d`abord la couleur mentionnée ci-dessus de la piste, la zone qui se trouve sous les touches directionnelles et le curseur défini avec la ligne "Scrollbar-track-color:" suivi d`une valeur hexadécimale.




    La valeur suivante est "flèche," et il représente la couleur des petits triangles et montant + pointant vers le bas dans les boutons aux deux extrémités de la barre. Cette qualité est "Scrollbar-arrow-color" suivi d`une valeur hexadécimale.

    le "3dlight" attribut définit la couleur de la face de tous les objets en trois dimensions, y compris les deux boutons directionnels curseur et.

    "Ombre" et "Surligner" qualités définissent la couleur à utiliser au niveau des bords des objets en 3-D pour créer l`illusion de trois dimensions. Par défaut, ils sont blanc et noir, respectivement.

    "Ombrenoir" définit l`ombre supplémentaire nécessaire sur le bord loin de la barre de défilement pour lui donner l`apparence que si elle est "au dessus de" la fenêtre de l`ensemble. Cette couleur est généralement aussi noir (valeur hexadécimale # 000000).

Bars CSS Scroll au sein de HTML

  • Les commandes spéciales peuvent être nécessaires afin de modifier l`apparence de la barre de défilement dans un élément HTML dans la page Web, tels que des formulaires de commentaires. Ces barres de défilement seront nécessaires pour toute boîte qui permet une barre de défilement lorsque le contenu dépasse son espace, mais ces mêmes boîtes se tournent généralement vers le système d`exploitation lors de l`affichage d`une barre de défilement. Dans ces cas, une combinaison de CSS, programmation javascript et images peuvent être utilisées pour créer une barre de défilement personnalisé.

Aucun Styles barre de défilement dans les navigateurs modernes

  • Permettre quelque chose d`aussi fondamental à un système d`exploitation comme une barre de défilement peut conduire à des vulnérabilités de programmation et bugs généraux dans la page Web expérience de visionnement. En conséquence, les navigateurs ont commencé remplaçant CSS personnalisé ou styles de barre de défilement HTML définie. Les dernières versions d`Internet Explorer et Firefox - versions 9 et 4 respectivement - empêchent les barres de défilement personnalisé à partir de l`affichage.

AUTRES