fogli di stile CSS sono strumenti versatili per creare disegni coese per i siti web. Tra le tante caratteristiche che possono essere definite in un documento CSS è l'aspetto della barra di scorrimento che appare ogni volta che il contenuto su un sito web supera la dimensione della finestra del browser o altro contenitore definito.

Barra di scorrimento Style

Molto prima che l'avvento del CSS, il linguaggio dei siti web ha permesso il colore della barra di scorrimento per essere definito dalla proprietà all'interno del tag "corpo" di un file Markup Language Hyper Text. Utilizzare una serie di sette proprietà - preceduto da "barra di scorrimento" e successe "Colore" per definire il colore per le parti molto specifiche della barra di scorrimento. Ognuna di queste qualità sarebbero poi essere seguito da un valore esadecimale. Una definizione CSS rendendo il colore "Track" - l'area sotto il cursore di scorrimento - nero sarebbe simile a "barra di scorrimento-track-color: # 000000".

Barra di scorrimento Qualità

Ci sono sette diverse aree della barra di scorrimento che può essere definito. In primo luogo c'è il suddetto colore della traccia, l'area che si trova sotto i tasti direzionali e il cursore definito con la linea "barra di scorrimento-track-color:" seguita da un valore esadecimale.

Il valore successivo è "freccia", e rappresenta il colore dei piccoli triangoli upward- e rivolta verso il basso i pulsanti alle due estremità della barra. Questa qualità è "Barra di scorrimento-freccia-colore" seguito da un valore esadecimale.

L'attributo "3Dlight" definisce il colore del volto di tutti gli oggetti tridimensionali, compresi i due tasti direzionali cursore e.

"Ombra" e qualità "evidenziare" definiscono il colore da utilizzare ai bordi degli oggetti 3-D per creare l'illusione di 3-D. Per impostazione predefinita, questi sono di colore bianco e nero, rispettivamente.

"DarkShadow" definisce l'ombra supplementare necessaria sul bordo più lontano della barra di scorrimento per dare l'aspetto come se fosse "sopra" la finestra generale. Questo colore è generalmente anche nera (valore esadecimale # 000000).

CSS barre di scorrimento all'interno di HTML

Comandi speciali possono essere necessari al fine di modificare l'aspetto della barra di scorrimento in un elemento HTML all'interno della pagina Web, come ad esempio di commento forme. saranno necessari Queste barre di scorrimento per qualsiasi dialogo che permette una barra di scorrimento quando il contenuto supera il suo spazio, ma queste stesse scatole in genere si rivolgono al sistema operativo durante la visualizzazione di una barra di scorrimento. In questi casi, una combinazione di CSS, programmazione e le immagini JavaScript possono essere utilizzati per creare una barra di scorrimento personalizzato.

Nessun stili barra di scorrimento nei browser moderni

Permettendo qualcosa di così fondamentale per un sistema operativo come una barra di scorrimento può portare a vulnerabilità di programmazione e bug generali nella pagina Web esperienza visiva. Come risultato, i browser hanno cominciato ignorando CSS personalizzato o stili della barra di scorrimento HTML-definito. Le ultime versioni di Internet Explorer e Firefox - versioni 9 e 4 rispettivamente - impediscono barre di scorrimento personalizzato da visualizzare.