Tecnología

Inicio

Cómo mover una barra de desplazamiento en el lado izquierdo

Por defecto, los programas informáticos y los navegadores web muestran la barra de desplazamiento, lo que le permite desplazarse verticalmente a través del contenido de la pantalla, a la derecha. En los elementos individuales de sitios web, tales como capas div o marcos, la barra de desplazamiento también aparece a la derecha. Si desea mover la barra de desplazamiento hacia la izquierda debido a la estética o porque es demasiado cerca de otro elemento en su sitio web, puede hacerlo con una simple línea de hojas de estilo en cascada o CSS, código.

Instrucciones

1 Abra el documento en el que desea cambiar la barra de desplazamiento hacia la izquierda. Esto puede ser un documento HTML si desea editar una sola página de una hoja de estilo que afecta a todo el sitio web.

2 Busque la etiqueta <style> en el encabezado del documento HTML. Si no hay ninguna etiqueta <style>, agrega uno antes de añadir el código CSS. Si estás afectando todo un sitio web mediante la edición de la hoja de estilo, sólo tiene que añadir el código a al principio o al final de la hoja de estilo.

3 Añadir el atributo y el valor "direction: rtl;" al selector CSS para el que desea crear una barra de desplazamiento a la izquierda. Por ejemplo, para activar todas las barras de desplazamiento a la izquierda, use la siguiente sintaxis:

cuerpo
{
Dirección: RTL;
}

4 Agregar una etiqueta de cierre </ style> si ha creado uno en su documento HTML. Guarde el documento para ver los cambios en su navegador web.

Consejos y advertencias

  • Puede añadir el atributo de dirección para un solo selector, una clase, una identificación o incluso un selector existente en su hoja de estilo.
  • Puede crear una barra de desplazamiento a la izquierda para los artículos individuales directamente en el código HTML mediante la adición de una declaración de estilo en la etiqueta de la siguiente manera:
  • <Div style = "dirección: RTL;">
  • Los elementos que normalmente alinear a la izquierda, como los encabezados, se alinearán bien con el valor "RTL" para el atributo de dirección. Por lo tanto, es posible que desee sólo para asignar este valor a algunos elementos o elementos dejados-align manualmente que desea permanecer en la izquierda.