loader

Cвойство overflow-x управляет отображением содержания блочного элемента по горизонтали, если контент целиком не помещается и выходит за область справа или слева от блока.

overflow-x հատկությունը վերահսկում է, թե ինչպես է բլոկային տարրի բովանդակությունը ցուցադրվում հորիզոնական ուղղությամբ, եթե բովանդակությունը ամբողջությամբ չի տեղավորվում և դուրս է գալիս բլոկի աջ կամ ձախ հատվածից:

Синтаксис

Գրելաձև

overflow-x: visible; ⟿ Содержимое отображается снаружи родительского блока.
overflow-x: hidden; ⟿ Содержимое, выходящее за пределы обрезается без прокрутки.
overflow-x: scroll; ⟿ Контент обрезается но содержимое доступно с помощью горизонтальной прокрутки.
overflow-x: auto; ⟿ Контент будет доступен для горизонтальной прокрутки.
overflow-x: visible; ⟿ Բովանդակությունը ցուցադրվում է մայր բլոկի սահմաններից դուրս.
overflow-x: hidden; ⟿ Սահմաններից դուրս բովանդակությունը կտրվում է առանց scroll-ի.
overflow-x: scroll; ⟿ Բովանդակությունը կտրվում է, բայց բովանդակությունը հասանելի է հորիզոնտալ scroll-ի միջոցով.
overflow-x: auto; ⟿ Բովանդակությունը կարելի է scroll անել հորիզոնտալ.

Пример

Օրինակ

See the Pen overflow-x by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

wbr image

Также у тега overflow есть следующие под. теги

Поддержка браузера дляԲրաուզերի աջակցությունը overflow-x элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 6+ 12+ 4+ 3.5+ 3.1+ 10+
Notes