nazar/web-lec8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Nazar
2025-11-15 15:29:08 +02:00
commit e881dd953c
11 changed files with 406 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
task5.html Normal file
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<title>Overflow</title>
<link rel="stylesheet" href="style5.css">
</head>
<body>
<h1>Керування Overflow</h1>
<h3>overflow: visible (за замовчуванням)</h3>
<div class="box visible">
<p>Цей довгий текст виходить за межі блоку. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt.</p>
</div>
<h3>overflow: hidden</h3>
<div class="box hidden">
<p>Цей довгий текст буде просто обрізаний. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt.</p>
</div>
<h3>overflow: scroll</h3>
<div class="box scroll">
<p>Цей довгий текст спричинить появу смуг прокрутки (завжди). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt.</p>
</div>
<h3>overflow: auto</h3>
<div class="box auto">
<p>Цей довгий текст спричинить появу смуг прокрутки ЛИШЕ за потреби. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt.</p>
</div>
</body>
</html>