Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Front End Technology Articles
Page 509 of 652
HTML DOM Meter value Property
The HTML DOM Meter value property returns/sets a number corresponding to the value attribute of a element. Use this with high, low, min and max attributes for better results.NOTE: Don’t use as a progress bar but only as a gauge.Following is the syntax −Returning value of the value propertymeterElementObject.valueValue of the value property setmeterElementObject.value = numberLet us see an example of Meter value property −Example Live Demo Meter value form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; ...
Read MoreHow to set the CSS property that the transition effect is for with JavaScript?
Use the transitionProperty in JavaScript to set the CSS property. You can try to run the following code to return the CSS property that the transition effect is for with JavaScript −Example #div1 { position: relative; margin: 10px; height: 300px; width: 400px; padding: 20px; border: 2px solid blue; } #div2 { padding: 80px; position: absolute; border: 2px solid BLUE; background-color: yellow; transform: rotateY(45deg); transition: all 3s; } #div2:hover { background-color: orange; width: 50px; height: 50px; padding: 100px; border-radius: 50px; } Hover over DIV2 Set DIV1 DIV2 function display() { document.getElementById("div2").style.transitionProperty = "width,height"; }
Read MoreHow to set the horizontal alignment of text with JavaScript?
Use the textAlign property in JavaScript and set it to right for aligning it horizontally. You can try to run the following code to return the horizontal alignment of text with JavaScript −Example This is demo text Set Horizontal Alignment function display() { document.getElementById("myText").style.textAlign = "right"; }
Read MoreHow to set how the last line of a block or a line right before a forced line break is aligned when text-align is "justify" with JavaScript?
Use the textAlignLast property in JavaScript to set the last line to right. Set it to right and allow the right alignment.ExampleYou can try to run the following code to return how the last line of a block or a line right before a forced line break is aligned when text-align is "justify" with JavaScript − #myDIV { text-align: justify; } This is ...
Read MoreHow to set the decoration of a text with JavaScript?
Use the textDecoration property in JavaScript to decorate the text. You can underline a text using this property.ExampleYou can try to run the following code to set the decoration of a text with JavaScript − This is demo text. Set Text Decoration function display() { document.getElementById("myText").style.textDecoration = "underline"; }
Read MoreHow to set the top padding of an element with JavaScript?
Use the paddingTop property in JavaScript to set the top padding. You can try to run the following code to set the top padding of an element with JavaScript −Example #box { border: 2px solid #FF0000; width: 150px; height: 70px; } This is demo text. Top Padding function display() { document.getElementById("box").style.paddingTop = "20px"; }
Read MoreHow to set the shadow effect of a text with JavaScript?
To set the shadow effect, use the textShadow property in JavaScript.ExampleYou can try to run the following code to return the shadow effect of a text with JavaScript − Set Text Shadow This is Demo Text! This is Demo Text! This is This is Demo Text! This is Demo Text! This is Demo Text! This is Demo Text! This is Demo Text! This is Demo Text! This is Demo Text! This is Demo Text! This is Demo Text! function display() { document.getElementById("myID").style.textShadow = "2px 2px 2px #ff0000,20px 5px 2px #F1F1F1"; }
Read MoreHow to set the bottom padding of an element with JavaScript?
To set the bottom padding, use the paddingBottom property in JavaScript.ExampleYou can try to run the following code to return the bottom padding of an element with JavaScript − #box { border: 2px solid #FF0000; width: 150px; height: 70px; } This is demo text. Bottom padding function display() { document.getElementById("box").style.paddingBottom = "100px"; }
Read MoreHow to set the left padding of an element with JavaScript?
Use the paddingLeft property in JavaScript to set the left padding. You can try to run the following code to return the left padding of an element with JavaScript −Example #box { border: 2px solid #FF0000; width: 150px; height: 70px; } This is demo text. Left padding function display() { document.getElementById("box").style.paddingLeft = "100px"; }
Read MoreWith JavaScript how to change the width of a table border?
To change the width of a table border, use the DOM border property. You can try to run the following code to change the width of a table border in JavaScript −Example function borderFunc(x) { document.getElementById(x).style.border = "5px dashed blue"; } One Two Three Four Five Six
Read More