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 karthikeya Boyini
Page 94 of 143
Usage of CSS caption-side property
The caption-side property allows you to specify where the content of a element should be placed in relationship to the table.ExampleThis property can have one of the four values top, bottom, left or right. Let us seen an example to learn how to implement caption-side property: caption.top { caption-side:top } caption.bottom { caption-side:bottom } Countries (Top Caption) India UK US Australia Countries (Bottom caption) India UK US Australia
Read MoreChange the Color of Link when a Mouse Hovers
To change the color of a link when we bring a mouse pointer over that link, use the: hover property.ExampleYou can try to run the following code to change the link color: a:hover { color: #FFCC00 } My Link
Read MoreSet the opacity of an image with CSS
To set the opacity of an image, use the CSS -moz-opacity property. This property is used to create a transparent image in Mozilla. IE uses filter:alpha(opacity=x) to create transparent images.ExampleYou can try to run the following code to style an image and set opacity with CSS:
Read MoreUsage of border property with CSS
The border property is used to set the width of an image border. This property can have a value in length or in %. A width of zero pixels means no border.ExampleYou can try to run the following code to set the width of image border:
Read MoreSet the background color of an element with CSS
To set the background color of an element, use the background-color property.ExampleYou can try to run the following code to learn how to work with the background-color property: This text has a blue background color.
Read MoreHow to use style attribute to define style rules?
You can use style attribute of any HTML element to define style rules. These rules will be applied to that element only. Here is the generic syntax:The following is an example: This is inline CSS
Read MoreUsage of text-transform property in CSS
The text-transform property is used to capitalize text or convert text to uppercase or lowercase letters.ExamplePossible values are none, capitalize, uppercase, lowercase. This will be capitalized This will be in uppercase This will be in lowercase
Read MoreClass Selectors in CSS
You can define style rules based on the class attribute of the elements. All the elements having that class will be formatted according to the defined rule..black { color: #808000; }This rule renders the content in black for every element with class attribute set to black in our document. You can make it a bit more particular. For example:h1.black { color: #808000; }This rule renders the content in black for only elements with class attribute set to black.You can apply more than one class selectors to given element. Consider the following example: This para will be ...
Read MoreCircle Collision Detection HTML5 Canvas
If we want to check whether circles are colliding with each other or not, one way is by getting the distance between two centers of circles and subtracting the radius of each circle from that distanceWe also check if the distance is greater than 1. If we want to check it for 20 circles, then we need to calculate exact differences in distances. x/y positions of centers vs the radii.bs(x2 - x1) > (r2 + r1) abs(y2 - y1) > (r2 + r1)The circles cannot collide if the distance in X or Y between circle centers is greater than the ...
Read MoreWhy should we not use group functions with non-group fields without GROUP BY clause in MySQL SELECT query?
It is because without GROUP BY clause the output returned by MySQL can mislead. We are giving following example on the ‘Student’ table given below, to demonstrate it −mysql> Select * from Student; +------+---------+---------+-----------+ | Id | Name | Address | Subject | +------+---------+---------+-----------+ | 1 | Gaurav | Delhi | Computers | | 2 | Aarav | Mumbai | History | | 15 | Harshit | Delhi | Commerce | | 20 | Gaurav | Jaipur | Computers | +------+---------+---------+-----------+ 4 rows in set (0.00 sec) mysql> ...
Read More