Atrybut overflow-x w CSS

Definicja i zastosowanie

Właściwość overflow-x określa, czy przycina się lewą/prawą krawędź zawartości - jeśli zawartość wykracza poza obszar elementu.

Wskazówka:Użycie overflow-y Atrybuty do określenia przycinania krawędzi górnej/przód.

Kurs CSS:Przeładowanie CSS

Podręcznik HTML DOM:Właściwość overflowX

Przykład

Przycięcie lewej/prawej krawędzi zawartości elementu div - jeśli zawartość wykracza poza obszar elementu:

div
{
overflow-x:hidden;
}

Spróbuj sam

Język CSS

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

Wartość atrybutu

Wartość Opis Test
widoczny Nie przycinanie zawartości, może się pokazać poza polem zawartości. Test
hidden Przycięcie zawartości - nie dostarczenie mechanizmu przewijania. Test
scroll Przycięcie zawartości - dostarczenie mechanizmu przewijania. Test
auto Jeśli jest nadmiar ramki, powinno się dostarczyć mechanizm przewijania. Test
no-display Jeśli zawartość nie pasuje do pola zawartości, usuń całą ramkę. Test
no-content Jeśli zawartość nie pasuje do pola zawartości, ukryj całą zawartość. Test

Szczegóły techniczne

Domyślna wartość: widoczny
Inheredność: nie
Wersja: CSS3
Język JavaScript: object.style.overflowX="scroll"

Wsparcie przeglądarki

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z -ms- oznaczają pierwszą wersję używającą prefiksu.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 3.5 3.0 9.5