Thuộc tính quyền CSS
Thí dụ
Đặt cạnh phải của phần tử <div> được định vị 150px ở bên trái của cạnh phải của phần tử tổ tiên được định vị gần nhất của nó:
div.absolute {
position: absolute;
right:
150px;
width: 200px;
height: 120px;
border: 3px solid
green;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc right
tính ảnh hưởng đến vị trí ngang của một phần tử được định vị. Thuộc tính này không ảnh hưởng đến các phần tử không được định vị.
- Nếu vị trí: tuyệt đối; hoặc vị trí: cố định; - thuộc
right
tính đặt cạnh phải của một phần tử thành một đơn vị ở bên phải cạnh phải của tổ tiên được định vị gần nhất của nó. - Nếu vị trí: họ hàng; - thuộc
right
tính đặt cạnh bên phải của một phần tử thành một đơn vị ở bên trái / bên phải vị trí bình thường của nó. - Nếu vị trí: dính; - thuộc
right
tính hoạt động giống như vị trí của nó là tương đối khi phần tử ở bên trong khung nhìn và giống như vị trí của nó là cố định khi nó ở bên ngoài. - Nếu vị trí: tĩnh; -
right
tài sản không có hiệu lực.
Giá trị mặc định: | Tự động |
---|---|
Thừa hưởng: | không |
Hoạt hình: | Đúng. Đọc về hoạt hình |
Phiên bản: | CSS2 |
Cú pháp JavaScript: | đối tượng .style.right = "200px" |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
right | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
Cú pháp CSS
right: auto|length|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
auto | Lets the browser calculate the right edge position. This is default | |
length | Sets the right edge position in px, cm, etc. Negative values are allowed. Read about length units | |
% | Sets the right edge position in % of containing element. Negative values are allowed | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Các ví dụ khác
Thí dụ
Sử dụng thuộc tính phù hợp với giá trị âm và cho một phần tử không có tổ tiên được định vị:
div.b {
position: absolute;
right: -20px;
width: 100px;
height: 120px;
border: 3px solid blue;
}
div.c {
position: absolute;
right: 150px;
width: 200px;
height: 120px;
border: 3px solid green;
}
Các trang liên quan
Hướng dẫn CSS: Định vị CSS
Tham chiếu CSS: thuộc tính bên trái
Tham chiếu CSS: thuộc tính dưới cùng
Tham chiếu CSS: thuộc tính hàng đầu
Tham chiếu DOM HTML: thuộc tính quyền