❮ Thẻ HTML
Thí dụ
Thực hiện tính toán và hiển thị kết quả trong một yếu tố:
& nbsp; & nbsp; + & nbsp; =
+
=
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Thuộc tính for
chỉ định mối quan hệ giữa kết quả của phép tính và các yếu tố được sử dụng trong tính toán.
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.
vì | 10.0 | 13.0 | 4.0 | 7.0 & nbsp; | 11.5 |
Cú pháp
Giá trị thuộc tính
Element_id | Chỉ định một danh sách ID phân tách không gian của một hoặc nhiều yếu tố chỉ định mối quan hệ giữa kết quả của tính toán và các yếu tố được sử dụng trong tính toán |
❮ Thẻ HTML
❮ Tham chiếu chức năng CSS
Thí dụ
Thực hiện tính toán và hiển thị kết quả trong một yếu tố:
& nbsp; & nbsp; + & nbsp; =
position: absolute;
left: 50px;
width: calc[100% - 100px];
border: 1px solid black;
background-color: yellow;
padding: 5px;
text-align: center;
}
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Thuộc tính for
chỉ định mối quan hệ giữa kết quả của phép tính và các yếu tố được sử dụng trong tính toán.
Hỗ trợ trình duyệt |
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.
Thuộc tính
7.0 & nbsp; | Cú pháp 19.0 -webkit- | 9.0 | 16.0 4.0 -moz- | Giá trị thuộc tính 6.0 -webkit- | 15.0 |
Giá trị
Element_id | Chỉ định một danh sách ID phân tách không gian của một hoặc nhiều yếu tố chỉ định mối quan hệ giữa kết quả của tính toán và các yếu tố được sử dụng trong tính toán The following operators can be used: + - * / |
❮ Tham chiếu chức năng CSS
Sử dụng calc [] để tính toán chiều rộng của một phần tử:
#Div1 {& nbsp; Vị trí: Tuyệt đối; & nbsp; Trái: 50px; & nbsp; chiều rộng: calc [100% - 100px]; & nbsp; biên giới: 1px màu đen rắn; & nbsp; màu nền: màu vàng; & nbsp; Đệm: 5px; & nbsp; Text-Align: Center;}
Example
DOCTYPE html>
Enter Number
Select Operator
+
-
*
/
Enter Number
Output =