Skip to content

Commit aae2cf8

Browse files
committed
overflow
1 parent f34afd3 commit aae2cf8

File tree

1 file changed

+21
-0
lines changed

1 file changed

+21
-0
lines changed

README.md

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,7 @@
4848
* [استایل دادن به جدول ها](#استایل-دادن-به-جدول-ها)
4949
* [اوت لاین](#اوت-لاین)
5050
* [تبدیل تگ block به inline و برعکس](#تبدیل-تگ-block-به-inline-و-برعکس)
51+
* [سرریز](#سرریز)
5152

5253
## مقدمه
5354

@@ -1604,5 +1605,25 @@ span{
16041605

16051606
فرق display: none و visibility:hidden در این است که در اولی کامل حذف می شود ولی در دومی جاش هست و نمایش داده نمی شود.
16061607

1608+
## سرریز
1609+
1610+
مقدار پیش فرض overflow برابر visible است.
1611+
1612+
اگر متن طولانی باشد از جایی که در برمی گیرد بیرون می زند که اگر به تگ دربرگیرنده ش overflow: hidden داده شود، چیزی که سرریز می کند و بیرون می زند را نمایش نمی دهد.
1613+
1614+
اگه مقدار overflow مساوی scroll باشد آن متنی که بیرون می زند حالت اسکرول می گیرد که هم اسکرول عمودی می گیرد و هم افقی.
1615+
1616+
برای اینکه فقط اسکرول عمودی داشته باشیم مقدار را مساوی auto قرار می دهیم.
1617+
1618+
```css
1619+
div{
1620+
width: 200px;
1621+
height: 300px;
1622+
overflow: hidden;
1623+
}
1624+
```
1625+
1626+
این خصیصه فقط روی تگ های بلاکی با طول و عرض مشخص اعمال می شود.
1627+
16071628

16081629
</div>

0 commit comments

Comments
 (0)