Indicate Character Set for Stylesheet in CSS

Samual Sam
Updated on 25-Jun-2020 11:39:13

180 Views

To indicate what character set the style sheet written with CSS, use the @character rule. The @charset rule must be written right at the beginning of the style sheet without even a space before it. The value is held in quotes and should be one of the standard character-sets.ExampleLet us see an example,    

Perform Animation on CSS Border Right Property

Samual Sam
Updated on 25-Jun-2020 11:39:09

207 Views

To implement animation on the border-right property with CSS, you can try to run the following codeExampleLive Demo                    div {             width: 500px;             height: 300px;             background: yellow;             border: 10px solid yellow;             background-image: url('https://www.tutorialspoint.com/latest/testrail.png');             animation: myanim 3s infinite;             background-position: bottom left;             background-size: 50px;          }          @keyframes myanim {             40% {                background-color: maroon;                border-color: red;                border-right: 50px solid red;             }          }                     Performing Animation for right border          

Date getUTCDate() Function in JavaScript

Samual Sam
Updated on 25-Jun-2020 11:38:48

112 Views

The Date object is a data type built into the JavaScript language. Date objects are created with the new Date( ) as shown below.Once a Date object is created, a number of methods allow you to operate on it. Most methods simply allow you to get and set the year, month, day, hour, minute, second, and millisecond fields of the object, using either local time or UTC (universal, or GMT) time.The getUTCDay() function of the Date object returns the day of the week of its current date according to the universal time. (0 represents Sunday and so on...)SyntaxIts Syntax is ... Read More

CSS Outline Width Property

Samual Sam
Updated on 25-Jun-2020 11:38:13

167 Views

The outline-width property is used to set the width of the outline. Its value should be a length or one of the values thin, medium, or thick, just like the border-width attribute.Example                            This text is having thin outline.                            This text is having thick outline.                            This text is having 5x outline.          

Subtract Days from Current Date using Calendar in Java

karthikeya Boyini
Updated on 25-Jun-2020 11:37:55

2K+ Views

Import the following package for Calendar class in Java.import java.util.Calendar;Firstly, create a Calendar object and display the current date.Calendar calendar = Calendar.getInstance(); System.out.println("Current Date = " + calendar.getTime());Now, let us subtract the days using the add() method and Calendar.DATE constant. Set a negative value here since we are decrementing.calendar.add(Calendar.DATE, -2);Example Live Demoimport java.util.Calendar; public class Demo {    public static void main(String[] args) {       Calendar calendar = Calendar.getInstance();       System.out.println("Current Date = " + calendar.getTime());       // Decrementing days by 2       calendar.add(Calendar.DATE, -2);       System.out.println("Updated Date = " + ... Read More

CURDATE() vs NOW() in MySQL

Vrundesha Joshi
Updated on 25-Jun-2020 11:36:53

2K+ Views

The NOW() function gives current datetime as a timestamp while CURDATE() gives only current date, not time.Now let us work on both the functions with the help of select statement. The query is as follows −The following is a demo of NOW() function −mysql> select NOW();The following is the output −+---------------------+ |             now() | +---------------------+ | 2018-11-27 15:17:01 | +---------------------+ 1 row in set (0.00 sec)A demo of CURDATE().mysql> select CURDATE();The following is the output that displays only date, not time −+------------+ | curdate() | +------------+ | 2018-11-27 | +------------+ 1 row in set ... Read More

Date getUTCMilliseconds Function in JavaScript

karthikeya Boyini
Updated on 25-Jun-2020 11:36:41

124 Views

The Date object is a data type built into the JavaScript language. Date objects are created with the new Date( ) as shown below.Once a Date object is created, a number of methods allow you to operate on it. Most methods simply allow you to get and set the year, month, day, hour, minute, second, and millisecond fields of the object, using either local time or UTC (universal, or GMT) time.The getUTCMilliseconds() function of the Date object returns the milliseconds in the given date according to the universal time.SyntaxIts Syntax is as followsdateObj.getUTCMilliseconds();Example Live Demo    JavaScript Example ... Read More

Typecasting NULL to 0 in MySQL

Anvi Jain
Updated on 25-Jun-2020 11:36:05

526 Views

You can typecast NULL to 0 with the help of IFNULL() function. The syntax is as follows −select ifnull(yourColumnName) as anyVariableName from yourTableName;To understand the above concept, let us first create a table −mysql> create table TypecastDemo    −> (       −> AccountNumber int    −> ); Query OK, 0 rows affected (0.84 sec)Let us insert some records with NULL value. The query to insert records is as follows −mysql> insert into TypecastDemo values(NULL); Query OK, 1 row affected (0.13 sec) mysql> insert into TypecastDemo values(1234); Query OK, 1 row affected (0.14 sec) mysql> insert into ... Read More

Animate CSS Border Left Color Property

Lakshmi Srinivas
Updated on 25-Jun-2020 11:35:58

194 Views

To implement animation on border-left-color property with CSS, you can try to run the following codeExampleLive Demo                    div {             width: 500px;             height: 300px;             background: yellow;             border: 10px solid yellow;             border-bottom-right-radius: 100px;             border-bottom-width: 30px;             background-image: url('https://www.tutorialspoint.com/latest/testrail.png');             animation: myanim 3s infinite;             background-position: bottom left;             background-size: 50px;          }          @keyframes myanim {             40% {                background-color: maroon;                border-bottom-color: green;                border-bottom-right-radius: 50px;                border-bottom-width: 50px;                border-color: red;                border-left-color: lightblue;             }          }                     Performing Animation for border left color          

Animate Border Left Property with CSS

Arjun Thakur
Updated on 25-Jun-2020 11:34:29

469 Views

To implement animation on border-left property with CSS, you can try to run the following codeExampleLive Demo                    div {             width: 500px;             height: 300px;             background: yellow;             border: 10px solid yellow;             border-bottom-right-radius: 100px;             border-bottom-width: 30px;             background-image: url('https://www.tutorialspoint.com/latest/testrail.png');             animation: myanim 3s infinite;             background-position: bottom left;             background-size: 50px;          }          @keyframes myanim {             40% {                background-color: maroon;                background-size: 90px;                border-bottom-color: green;                border-bottom-right-radius: 50px;                border-bottom-width: 50px;                border-color: red;                border-left: 10px dashed orange;             }          }                     Performing Animation for left border          

Advertisements