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 471 of 652
HTML DOM Input Month value Property
The HTML DOM input month value property returns and modify the value of the value attribute of an input month field.SyntaxFollowing is the syntax −Returning valueobject.value2. Modifying valueobject.value = true | falseExampleLet us see an example of HTML DOM input month value property− Live Demo html{ height:100%; } body{ text-align:center; color:#fff; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat; height:100%; } p{ font-weight:700; font-size:1.1rem; } ...
Read MoreHTML DOM Input Month autofocus Property
The HTML DOM input month autofocus property returns and modify whether the input month field should get focused or not when page load.SyntaxFollowing is the syntax −Returning autofocusobject.autofocusModifying autofocusobject.autofocus = true | falseExampleLet us see an example of HTML DOM input month autofocus property − Live Demo HTML DOM autofocus property body{ text-align:center; } p{ font-size:1.5rem; color:#ff8741; } input{} button{ background-color:#db133a; color:#fff; padding:8px; border:none; width:120px; ...
Read MoreHTML DOM Input FileUpload required Property
The HTML DOM input FileUpload required property returns and modify the value of required attribute of a file upload input button in HTML.SyntaxFollowing is the syntax −1. Returning requiredobject.required2. Modifying requiredobject.required = true|falseExampleLet us see an example of HTML DOM input file upload required property − Live Demo HTML DOM file upload required Property body{ text-align:center; } .btn{ display:block; margin:1rem auto; background-color:#db133a; color:#fff; border:1px solid #db133a; padding:0.5rem; border-radius:50px; ...
Read MoreWhat is the importance of str.padStart() method in JavaScript?
We can attach two strings using the concat() method. But if we need to attach a specific string at the starting of the first string then the easiest way is string.padStart(). This method not only adds the second string at the start of the first string but also looks after the number of characters to be added. It basically takes two parameters one is the length and the other is second string. The method string.padStart() add the second string to the first based on the length provided to it.syntaxstring.padStart(length, "string");It takes the length as the parameter to concise the resulted string to those ...
Read MoreX-axis 3D transform with CSS3
You can try to run the following code to implement X-axis 3D transform with CSS3ExampleLive Demo div { width: 200px; height: 100px; background-color: pink; border: 1px solid black; } div#myDiv { -webkit-transform: rotateX(150deg); /* Safari */ transform: rotateX(150deg); /* Standard syntax */ } tutorials point.com Rotate X-axis tutorials point.com.
Read MoreRole of CSS :nth-child(n) Selector
Use the CSS :nth-child(n) selector to style every element that is the second child of its parent with CSS. You can try to run the following code to implement the :nth-child(n) selectorExampleLive Demo p:nth-child(4) { background: orange; color: white; } This is demo text 1. This is demo text 2. This is demo text 3. This is demo text 4. This is demo text 5. This is demo text 6.
Read MoreRole of CSS :not (selector) Selector
Use the CSS :not(selector) selector to style every element that is not the specified element. You can try to run the following code to implement the :not selectorExampleLive Demo p { color: red; } :not(p) { color: blue; } Heading 1 Heading 2 Heading 3 This is a paragraph. This is another paragraph.
Read MoreRole of CSS :link Selector
Use the CSS :link selector to style all unvisited links. You can try to run the following code to implement the :link selector −ExampleLive Demo a:link { background-color: orange; } Demo Websitehttps://www.example.com/
Read MoreRole of CSS :nth-of-type(n) Selector
Use the CSS :nth-of-type(n) selector to style every element that is the nth element of its parent. You can try to run the following code to implement the :nth-of-type(n) selectorExampleLive Demo p:nth-of-type(2) { background: yellow; } This is demo text 1. This is demo text 2. This is demo text 3. This is demo text 4.
Read MoreStyle all <input> elements with an invalid value with CSS
To style all elements with an invalid value, use the CSS :invalid selector.ExampleYou can try to run the following code to implement the :invalid selector −Live Demo input:invalid { background: red; } Heading The style (red color background) appears if you type an irrelevant/ invalid email address.
Read More