-moz-orient
Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
Thuộc tính CSS -moz-orient xác định hướng của phần tử mà nó được áp dụng.
Cú pháp
-moz-orient: inline;
/* Giá trị toàn cục */
-moz-orient: inherit;
-moz-orient: initial;
-moz-orient: revert;
-moz-orient: revert-layer;
-moz-orient: unset;
Giá trị
inline-
Phần tử được hiển thị theo cùng hướng với trục của văn bản: nằm ngang đối với chế độ viết ngang, dọc đối với chế độ viết dọc.
block-
Phần tử được hiển thị vuông góc với trục của văn bản: dọc đối với chế độ viết ngang, ngang đối với chế độ viết dọc.
horizontal-
Phần tử được hiển thị theo chiều ngang.
vertical-
Phần tử được hiển thị theo chiều dọc.
Định nghĩa hình thức
| Initial value | inline |
|---|---|
| Applies to | any element; it has an effect on <progress> and <meter>, but not on <input type="range"> or other elements |
| Inherited | no |
| Computed value | as specified |
| Animation type | discrete |
Cú pháp hình thức
-moz-orient =
inline |
block |
horizontal |
vertical
Ví dụ
HTML
<p>Thanh tiến trình sau đây nằm ngang (mặc định):</p>
<progress max="100" value="75"></progress>
<p>Thanh tiến trình sau đây nằm dọc:</p>
<progress class="vert" max="100" value="75"></progress>
CSS
.vert {
-moz-orient: vertical;
width: 16px;
height: 150px;
}
Kết quả
Đặc tả
Không thuộc bất kỳ tiêu chuẩn nào. Mặc dù đã được đề xuất lên W3C với phản hồi ban đầu tích cực, thuộc tính này chưa thuộc bất kỳ đặc tả nào; hiện tại đây là phần mở rộng riêng của Mozilla (tức là -moz-orient).