Inne działy

 

 

CSS - paski przewijania

 

Może być przypadek, gdy zawartość elementu może być większa niż ilość miejsca przydzielonego dla niego. Na przykład właściwości szerokość i wysokość nie pozwalają, aby pomieścić całą zawartość elementu.

CSS zawiera właściwość o nazwie overflow, która mówi przeglądarce, co zrobić, jeśli zawartość elementu jest większa niż sam element. Ta właściwość może przyjmować jedną z następujących wartości:

 

Wartośćopis
visible Pozwala, aby zawartość po przepełnieniu granic elementu była widoczna nakładając się na inne elementy strony.
hidden Ukrywa zawartość niemieszczącą się w obszarze zawartości.
scroll Wielkość elementu zawierającego nie zmienia się, ale paski przewijania są dodane w celu umożliwienia użytkownikowi przewinięcia, aby zobaczyć zawartość.
auto Cel jest taki sam, jak w przypadku scroll, ale pasek pojawi się tylko, jeśli zawartość zostanie przepełniona.

 

 Oto przykład:

 

<style type="text/css">
.scroll{
	display:block;
	border: 1px solid red;
	padding:5px;
	margin-top:5px;
	width:300px;
	height:50px;
	overflow:scroll;
	}
.auto{
	display:block;
	border: 1px solid red;
	padding:5px;
	margin-top:5px;
	width:300px;
	height:50px;
	overflow:auto;
	}
</style>
<p> Przykład przewijania wartości:</p>
<div class="scroll">
Mam zamiar utrzymać wiele treści tutaj tylko po to, aby pokazać, jak paski przewijania działają, jeśli jest przepełnienie w polu elementu. Zapewnia to poziome jak i pionowe paski przewijania.
</div>
<br />
<p> Przykład wartości auto:</p>
<div class="auto">
Mam zamiar utrzymać wiele treści tutaj tylko po to, aby pokazać, jak paski przewijania działają, jeśli jest przepełnienie w polu elementu. Zapewnia to  poziome jak i pionowe paski przewijania.
</div>

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.