folhas de estilo em cascata são ferramentas versáteis para criar desenhos coesas para websites. Entre as muitas características que podem ser definidos em um documento CSS é a aparência da barra de rolagem que aparece sempre que o conteúdo em um site excede o tamanho da janela do navegador ou outro caixa definida.
Scroll Bar Estilo
Muito antes do advento do CSS, a linguagem dos sites autorizados a cor da barra de rolagem para ser definido por propriedades dentro da "corpo" tag de um arquivo de Hyper Text Markup Language. Use uma série de sete propriedades - precedidas "Barra de rolagem" e sucedido por "Cor" para definir a cor para peças muito específicas da barra de rolagem. Cada uma destas qualidades seria, então, seguido por um valor de cor hexadecimal. Uma definição CSS tornando o "pista" cor - a área sob o controle deslizante de deslocamento - preto seria semelhante "Barra de rolagem-track-color: # 000000."
Qualidades Scroll Bar
Existem sete diferentes áreas da barra de rolagem que pode ser definida. Primeiro, há a cor mencionada pista, a área que fica sob os botões direcionais e o controle deslizante definido com a linha "Barra de rolagem-track-color:" seguido por um valor hexadecimal.
O próximo valor é "flecha," e representa a cor dos pequenos triângulos upward- e apontando para baixo nos botões nas duas extremidades da barra. Esta qualidade é "Barra de rolagem-seta-color" seguido por um valor hexadecimal.
o "3Dlight" atributo define a cor da face de todos os objetos tridimensionais, incluindo o controle deslizante e dois botões direcionais.
"Sombra" e "Realçar" qualidades definir a cor a ser usada nas bordas dos objectos 3-D para criar a ilusão de 3-D. Por padrão, estes são branco e preto, respectivamente.
"Sombra escura" define a sombra extra necessário na borda mais distante da barra de deslocação para dar-lhe a aparência como se fosse "acima" a janela global. Esta cor é geralmente também preto (hexadecimal valor # 000000).
Bares CSS deslocamento dentro HTML
comandos especiais podem ser necessários, a fim de alterar a aparência da barra de rolagem em um elemento HTML dentro da página da Web, tais como formulários de comentários. Estas barras de rolagem serão necessários para qualquer caixa que permite uma barra de rolagem sempre que o conteúdo excede o seu espaço, mas essas mesmas caixas geralmente se voltam para o sistema operacional ao exibir uma barra de rolagem. Nesses casos, uma combinação de CSS, javascript programação e imagens pode ser usada para criar uma barra de rolagem personalizada.
Não Styles barra de deslocamento em navegadores modernos
Permitindo que algo tão fundamental para um sistema operacional como uma barra de rolagem pode levar a vulnerabilidades de programação e erros gerais na página Web experiência de visualização. Como resultado, os navegadores começaram a substituir CSS personalizado ou estilos de barra de rolagem definido pelo HTML. As últimas versões do Internet Explorer e Firefox - versões 9 e 4, respectivamente - evitar barras de rolagem personalizada de exibir.