❮ HTML tag
Example
Perform a calculation and show the result in an element:
+
=
Try it Yourself »
Definition and Usage
The for
attribute specifies the relationship between the result of the calculation, and the elements used in the calculation.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
for | 10.0 | 13.0 | 4.0 | 7.0 | 11.5 |
Syntax
Attribute Values
element_id | Specifies a space separated list of ids of one or more elements that specifies the relationship between the result of the calculation, and the elements used in the calculation |
❮ HTML tag
❮ CSS Functions Reference
Example
Use calc[] to calculate the width of a
#div1 {
position: absolute;
left: 50px;
width: calc[100% - 100px];
border: 1px solid black;
background-color: yellow;
padding: 5px;
text-align: center;
}
Try it Yourself »
Definition and Usage
The calc[] function performs a calculation to be used as the property value.
CSS3 |
Browser Support
The numbers in the table specify the first browser version that fully supports the function.
Numbers followed by -webkit-, -moz-, or -o- specify the first version that worked with a prefix.
calc[] | 26.0 19.0 -webkit- | 9.0 | 16.0 4.0 -moz- | 7.0 6.0 -webkit- | 15.0 |
CSS Syntax
expression | Required. A mathematical expression. The result will be used as the value. The following operators can be used: + - * / |
❮ CSS Functions Reference
PHP program to create a Simple Calculator: The below program is to create a Simple Calculator in PHP.
ExampleDOCTYPE html>
Enter Number
Select Operator
+
-
*
/
Enter Number
Output =