Thuộc tính margin-inline-end CSS

Trang trước margin-inline
Trang tiếp theo margin-inline-start

zoom

và Khóa học chọn lọc

Khóa học recommeded: margin-inline Lưu ý: margin-right Định nghĩa và cách sử dụng Thuộc tính của CSSmargin-topThuộc tính này tương tự nhưmargin-topmargin-bottom Lưu ý: , margin-left margin-inline Lưu ý: margin-right Thuộc tính rất tương tự, nhưng

margin-blockThuộc tính này phụ thuộc vào hướng khối và hướng in-line. Ví dụ 2 Lưu ý: direction thuộc tính CSS liên quan và Định nghĩa hướng in-line. Điều này ảnh hưởng đến vị trí bắt đầu và kết thúc của element, cũng như

margin-inline-end

Kết quả của thuộc tính. Đối với trang tiếng Anh, hướng khối là xuống, hướng in-line là từ trái sang phải.

Mô hình

div {
  Ví dụ 1
}

Thử nghiệm trực tiếp

Cài đặt margin-inline-end cho phần cuối hướng in-line:

Khi thuộc tính của element <div> là Ví dụ 2 writing-mode

div {
  margin-inline-end: 50px;
  Khi giá trị thuộc tính 'vertical-rl' được thiết lập, hướng in-line là xuống. Kết quả là phần cuối của element di chuyển từ bên phải xuống dưới:
}

Thử nghiệm trực tiếp

Ví dụ 3

Khi thuộc tính của element <div> là direction Khi giá trị thuộc tính 'rtl' được thiết lập, hướng in-line là từ phải sang trái. Kết quả là phần cuối của element di chuyển từ bên phải sang bên trái:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

Thử nghiệm trực tiếp

Ngôn ngữ CSS

margin-inline-end: auto|length|initial|inherit;

Giá trị thuộc tính

Giá trị	Mô tả
auto	Giá trị mặc định. Giá trị mặc định của margin-inline-end của element.
length	Định nghĩa margin-inline-end bằng các đơn vị như px, pt, cm. Cho phép giá trị âm. Xem thêm:Đơn vị CSS.
%	Định nghĩa margin-inline-end bằng phần trăm của kích thước của element cha theo hướng in-line.
initial	Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit	Thực thị từ element cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định:	auto
Kế thừa:	Không
Chế tạo animation:	Hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản:	CSS3
Ngôn ngữ lập trình JavaScript:	object.style.marginInlineEnd="50px"