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
Articles by Ankitha Reddy
45 articles
Set the image path with CSS
The border-image-source property is used in CSS to set the image path. You can try to run the following code to set the image path − Example Live Demo #borderimg1 { border: 15px solid transparent; padding: 15px; border-image-source: url(https://tutorialspoint.com/css/images/border.png); border-image-repeat: round; } This is image border example.
Read MoreCSS3 Opacity property
The opacity is a thinner paints need black added to increase opacity. The following example shows CSS3 Opacity property − Example #m1 {background-color:rgb(255,0,0);opacity:0.6;} #m2 {background-color:rgb(0,255,0);opacity:0.6;} #m3 {background-color:rgb(0,0,255);opacity:0.6;} HSLA colors: Red Green Blue
Read MoreRotate div to -20 degrees angle with CSS
You can try to run the following code to rotate div to -20 degrees angle with CSS − Example div { width: 300px; height: 100px; background-color: pink; border: 1px solid black; } div#myDiv { /* IE 9 */ -ms-transform: rotate(-20deg); /* Safari */ -webkit-transform: rotate(-20deg); /* Standard syntax */ transform: rotate(-20deg); } Tutorials point.com. Tutorials point.com Output
Read MoreCSS3 Multi-Column column-span Property
The column-span property is used to specify the span between columns. You can try to run the following code to implement column-span property using CSS −Example .multi { /* Column count property */ -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; /* Column gap property */ -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; /* Column style property */ column-rule-style: solid; column-rule-color: #ff00ff; ...
Read MoreHow to break a loop in JavaScript?
The break statement is used to break a loop and continue executing the code, which is after the loop.ExampleYou can try to run the following code to break a loop in JavaScript var text = ""; var i; for (i = 0; i < 5; i++) { if (i === 2) { break; } text += "Value: " + i + ""; } document.getElementById("test").innerHTML = text; OutputValue: 0 Value: 1
Read MoreHow do we specify whether a header cell is a header for a column, row, or group of columns or rows in HTML?
Use the scope attribute to implement whether a header cell is a header for a column, row, or group of columns or rows in HTML − Example table, th, td { border: 1px solid black; } Cricketers Indian Cricketers Name 1 Sachin Tendulkar 2 Virat Kohli
Read MoreHow to set the order of the flexible item, relative to the rest with JavaScript?
To set the order of the flexible item, relative to the rest of JavaScript, use the order property. You can try to run the following code to implement order property − Example #box { border: 1px solid #000000; width: 420px; height: 150px; display: flex; } #box div { height: 80px; width: 80px; } DIV1 DIV2 DIV3 Set function display() { document.getElementById("myID1").style.order = "3"; document.getElementById("myID2").style.order = "1"; document.getElementById("myID3").style.order = "2"; }
Read MoreHow to catch exceptions in JavaScript?
To catch exceptions in JavaScript, use try…catch…finally. JavaScript implements the try...catch...finally construct as well as the throw operator to handle exceptions.You can catch programmer-generated and runtime exceptions, but you cannot catch JavaScript syntax errors.ExampleYou can try to run the following code to learn how to catch exceptions in JavaScript − Click the following to see the result:
Read MoreWhat are the advantages of CSS?
CSS or Cascading Style Sheets is used to design the web pages, it helps web developers to control the layout and other visual aspects of the web pages. Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, what background images or colors are used. In this article, we will be discussing various advatages of CSS Advantages of CSS Consistent Design: By using CSS, we can use same design across an entire website or on various web pages. This reduces ...
Read MoreJava Naming Conventions
All Java components require names. Names used for classes, variables and methods are called identifiers. The naming conventions for different Java components are as follows: Package Naming Convention Class Naming Convention Interfaces Naming Convention Method Naming Convention Constants Naming Convention Variables Naming Convention Quick Summary Package Naming Convention Naming conventions for Java packages typically involve using lowercase letters. It's common to use ...
Read More