Lặp lại CSS

Làm thế nào một hình nền sẽ tự lặp lại trong một hộp

background-position: top right kết hợp với background-repeat: no-repeat

Lặp lại nền cũng có thể được chỉ định như một phần của thuộc tính tốc ký background

Những giá trị khả thi

Giá trịMô tảVí dụrepeatXếp gạch. Lặp lại hình ảnh theo cả chiều ngang và chiều dọc. hành vi mặc định. repeat-xChỉ lặp lại hình ảnh theo chiều ngang. repeat-yChỉ lặp lại hình ảnh theo chiều dọc. no-repeatHoàn toàn không lặp lại hình ảnh, chỉ hiển thị một ví dụ. spaceHình ảnh lặp lại nhưng không bị cắt bớt. Một khoảng cách đồng nhất tách ra từng trường hợp cho đến khi một trường hợp mới có thể phù hợp. background-repeat0Hình ảnh lặp lại nhưng không bị cắt bớt. Mỗi phiên bản kéo dài để lấp đầy vùng nền cho đến khi phiên bản mới có thể phù hợp. [value]background-repeat1 [value]Đối với nhiều nền. Các giá trị được phân tách bằng dấu phẩy tương ứng với nhiều hình ảnh được phân tách bằng dấu phẩy với background-repeat2. background-repeat3____14background-repeat5background-repeat6

Phần ví dụ mới. Xem tất cả nội dung mã này đang hoạt động và tìm hiểu về nó.

Thí dụ

header { background-repeat: repeat-x; }
/* The background image of a header repeats horizontally but not vertically. */

hỗ trợ trình duyệt

Được hỗ trợ bởi tất cả các trình duyệt hiện đại

trang liên quan

• Thuộc tính CSS. background-repeat2
• Thuộc tính CSS. background
• Thuộc tính CSS. background-repeat9

Tất cả thuộc tính CSS

• background-position: top right0
• background
• background-position: top right2
• background-position: top right3
• background-position: top right4
• background-repeat2
• background-position: top right6
• background-repeat9
• background-repeat
• background-position: top right9
• background-repeat: no-repeat0
• background-repeat: no-repeat1
• background-repeat: no-repeat2
• background-repeat: no-repeat3
• background-repeat: no-repeat4
• background-repeat: no-repeat5
• background-repeat: no-repeat6
• background-repeat: no-repeat7
• background-repeat: no-repeat8
• background-repeat: no-repeat9
• background0
• background1
• background2
• background3
• background4
• background5
• background6
• background7
• background8
• background9
• repeat0
• repeat1
• repeat2
• repeat3
• repeat4
• repeat5
• repeat6
• repeat7
• repeat8
• repeat9
• repeat-x0
• repeat-x1
• repeat-x2
• repeat-x3
• repeat-x4
• repeat-x5
• repeat-x6
• repeat-x7
• repeat-x8
• repeat-x9
• repeat-y0
• repeat-y1
• repeat-y2
• repeat-y3
• repeat-y4
• repeat-y5
• repeat-y6
• repeat-y7
• repeat-y8
• repeat-y9
• no-repeat0
• no-repeat1
• no-repeat2
• no-repeat3
• no-repeat4
• no-repeat5
• no-repeat6
• no-repeat7
• no-repeat8
• no-repeat9
• space0
• space1
• space2
• space3
• space4
• space5
• space6
• space7
• space8
• space9
• background-repeat00
• background-repeat01
• background-repeat02
• background-repeat03
• background-repeat04
• background-repeat05
• background-repeat06
• background-repeat07
• background-repeat08
• background-repeat09
• background-repeat10
• background-repeat11
• background-repeat12
• background-repeat13
• background-repeat14
• background-repeat15
• background-repeat16
• background-repeat17
• background-repeat18
• background-repeat19
• background-repeat20
• background-repeat21
• background-repeat22
• background-repeat23
• background-repeat24
• background-repeat25
• background-repeat26
• background-repeat27
• background-repeat28
• background-repeat29
• background-repeat30
• background-repeat31
• background-repeat32
• background-repeat33
• background-repeat34
• background-repeat35
• background-repeat36
• background-repeat37
• background-repeat38
• background-repeat39
• background-repeat40
• background-repeat41
• background-repeat42
• background-repeat43
• background-repeat44

hướng dẫn

• Ảnh nền (Hướng dẫn trung cấp CSS)

ví dụ

• Hình nền lặp đi lặp lại
• Nhiều hình nền

Lặp lại trong CSS là gì?

Làm cách nào để lặp lại trong HTML?

1 fr có nghĩa là gì?

Làm cách nào để sử dụng CSS tự động điều chỉnh?