Która właściwość języka CSS może przyjmować wartości: visible, hidden, scroll, auto?
Poprawna jest właściwość overflow. Określa, co się dzieje z treścią, która nie mieści się w elemencie o ustalonych wymiarach: visible (domyślnie) pozwala jej wystawać poza ramkę, hidden ją przycina, scroll zawsze dodaje paski przewijania, a auto pokazuje je tylko wtedy, gdy są potrzebne.
Do zapamiętania: właściwość działa tylko wtedy, gdy blok ma ograniczoną wysokość lub szerokość, np. div { height: 200px; overflow: auto; } tworzy przewijane okienko z długim tekstem. Osobno można sterować kierunkami: overflow-x i overflow-y. Wartość hidden stosuje się też przy zaokrąglonych narożnikach, żeby obraz w środku nie wystawał poza zaokrąglenie.
Najwięcej wątpliwości budzi tu visibility, bo przyjmuje podobnie brzmiące wartości visible i hidden. Ta właściwość ukrywa jednak cały element (zostawiając po nim puste miejsce), a nie nadmiar treści, i nie zna wartości scroll ani auto - jej trzecią wartością jest collapse. display określa sposób wyświetlania elementu i przyjmuje m.in. block, inline, flex, grid i none.
position ustala sposób pozycjonowania: static, relative, absolute, fixed i sticky. Rozstrzygają tu wartości scroll i auto, związane z paskami przewijania - pasują wyłącznie do właściwości opisującej zachowanie treści wychodzącej poza element. Przy pytaniach o zestaw wartości warto szukać tej najbardziej charakterystycznej i dopiero do niej dobrać właściwość. Zestaw visible, hidden, scroll, auto jest typowy dla przewijanego pola z treścią, np. okienka z regulaminem albo czatu o stałej wysokości.