overflow-x ₃

---

Chỉ định có hay không để cắt các cạnh trái / phải của nội dung, nếu nó tràn khu vực nội dung của phần tử

Thuộc tính	giá trị	Ví dụ	Mô tả
overflow-x	visible	xem các ví dụ	cho phép tràn
	hidden		Ẩn phần tràn trục x
	scroll		phần tràn được dấu và xuất hiện thanh cuộn dọc, ngang để xem phần tràn
	auto		phần tràn được dấu và xuất hiện thanh cuộn dọc
	no-display		không hiển thị Nếu nội dung không phù hợp trong hộp nội dung, toàn bộ hộp được lấy ra
	no-content		không có nội dung Nếu nội dung không phù hợp trong hộp nội dung, toàn bộ nội dung ẩn

Xem ví dụ

<style>
.ttt{ width:100%;height:400px;margin:20px;border:0px solid #ff0099;}
#visible {overflow-x:visible; width:450px;height:300px;border:2px solid #ff0099;}
#hidden {overflow-x:hidden;border:2px solid #ff0099;width:450px;height:300px;}
#scroll {overflow-x:scroll;border:2px solid #ff0099;width:450px;height:300px;}
#auto {overflow-x:auto;border:2px solid #ff0099;width:450px;height:300px;}
#no-display {overflow-x:no-display;border:2px solid #ff0099;width:450px;height:300px;}
#no-content {overflow-x:no-content;border:2px solid #ff0099;width:450px;height:300px;}
</style>
<div class="ttt"> visible
<div id="visible"><img src="http://tusachphathoc.org/gallery/thumbs/lrg-4128-1038834_12963627-jpg"/>
</div></div>

<div class="ttt">hidden
<div id="hidden"><img src="http://tusachphathoc.org/gallery/thumbs/lrg-4128-1038834_12963627-jpg"/>
</div></div>

<div class="ttt">scroll
<div id="scroll"><img src="http://tusachphathoc.org/gallery/thumbs/lrg-4128-1038834_12963627-jpg"/>
</div></div>

<div class="ttt">auto
<div id="auto"><img src="http://tusachphathoc.org/gallery/thumbs/lrg-4128-1038834_12963627-jpg"/>
</div></div>

<div class="ttt">no-display
<div id="no-display"><img src="http://tusachphathoc.org/gallery/thumbs/lrg-4128-1038834_12963627-jpg"/>
</div></div>

<div class="ttt">no-content
<div id="no-content"><img src="http://tusachphathoc.org/gallery/thumbs/lrg-4128-1038834_12963627-jpg"/>
</div></div>

visible

hidden

scroll

auto

no-display

no-content

Sự tương thích ( Cập nhật / Báo lỗi )

9	2

---