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
-
Economics & Finance
Articles by karthikeya Boyini
Page 38 of 142
Set the opacity of an image with CSS
To set the opacity of an image, you can use the CSS opacity property. This is the modern standard method that works across all browsers. The opacity property accepts values from 0 (completely transparent) to 1 (completely opaque). Syntax opacity: value; Where value is a number between 0 and 1: 0 = completely transparent (invisible) 0.5 = 50% transparent 1 = completely opaque (default) Example: Basic Image Opacity .opacity-demo { ...
Read MoreChange the Color of Link when a Mouse Hovers
To change the color of a link when a mouse pointer hovers over it, use the CSS :hover pseudo-class. This creates an interactive effect that provides visual feedback to users. Syntax a:hover { color: desired-color; } Basic Example Here's how to change a link's color on hover: a { ...
Read MoreRetrofit existing web page with mobile CSS
To retrofit an existing web page for mobile devices, use CSS media queries to apply different styles based on device characteristics. This approach requires no server-side code and automatically handles various device types. Media queries allow you to target specific screen sizes, orientations, and device capabilities. They work by detecting browser and device properties, then applying appropriate CSS rules. Basic Mobile Media Query The most common approach targets screens with maximum widths for mobile devices: @media screen and (max-width: 768px) { body { ...
Read MoreUsage of CSS caption-side property
The caption-side property controls the position of a table's element relative to the table content. This CSS property allows you to place captions on any side of the table for better visual organization. Syntax caption-side: top | bottom | left | right | initial | inherit; Property Values Value Description top Caption appears above the table ...
Read MoreDataView.byteLength property in JavaScript
The byteLength property of the DataView represents the length of the current DataView in bytes. This property is read-only and returns the number of bytes from the start of the DataView to the end. Syntax Its syntax is as follows: dataView.byteLength Parameters This property takes no parameters as it's a read-only property, not a method. Return Value Returns a number representing the length of the DataView in bytes. Example 1: Basic Usage JavaScript Example ...
Read Morecanvas.style.display = "block" not working in HTML5
When working with HTML5 canvas elements, you might encounter issues where setting canvas.style.display = "block" doesn't work as expected. This usually happens due to timing issues, incorrect element selection, or CSS conflicts. Common Problem The most frequent issue occurs when trying to modify the canvas display style before the DOM is fully loaded or when the canvas element reference is incorrect. Show Canvas function showCanvas() { let canvas = document.getElementById("myCanvas"); canvas.style.display = "block"; console.log("Canvas display set to:", canvas.style.display); } ...
Read MoreDataView.buffer property in JavaScript
The buffer property of the DataView represents the ArrayBuffer of the current DataView. This property provides access to the underlying buffer that the DataView is viewing. Syntax dataView.buffer Return Value Returns the ArrayBuffer that was used to create the DataView instance. Example The following example demonstrates how to access the underlying ArrayBuffer through the buffer property: JavaScript Example var arrayBuffer = new ArrayBuffer(156); ...
Read MoreChange the style of top border with CSS
The border-top-style property in CSS defines the line style of an element's top border. It accepts various values like solid, dashed, dotted, double, and more. Syntax border-top-style: value; Common Values Value Description solid Single solid line dashed Dashed line dotted Dotted line double Two solid lines groove 3D grooved effect ridge 3D ridged effect none No border Example Here's how to apply different top border styles: ...
Read MoreUsage of border-right-color property in CSS
The border-right-color property sets the color of an element's right border. It works independently of other border properties and allows you to customize just the right border color while leaving other borders unchanged. Syntax border-right-color: color | transparent | inherit; Values color - Any valid CSS color (hex, RGB, HSL, color names) transparent - Makes the border transparent inherit - Inherits the color from parent element Example: Basic Usage .demo { ...
Read MoreHow can I handle Server-Sent Events in HTML5?
Server-Sent Events (SSE) in HTML5 allow web pages to receive automatic updates from a server. This creates a persistent connection where the server can push data to the client in real-time. What are Server-Sent Events? Server-Sent Events provide a way for a server to send data to a web page automatically. Unlike WebSockets, SSE is unidirectional - only the server can send data to the client. Creating an EventSource Connection Use the EventSource object to establish a connection to the server: Server-Sent Events Demo ...
Read More