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 seetha
Page 2 of 6
How to create Empty Values String in JavaScript?
In JavaScript, there are several ways to create empty string values. An empty string is a string with zero characters, represented by two quotation marks with nothing between them. Syntax let emptyString = ""; // Double quotes let emptyString = ''; // Single quotes let emptyString = ``; // Template literals let emptyString = String(); // String constructor Example: Creating Empty Strings ...
Read MoreUsage of font-family property in CSS
The font-family property in CSS specifies the typeface or font family to be used for displaying text. It accepts a prioritized list of font names, allowing fallback options if the preferred font is not available on the user's system. Syntax font-family: "font-name", fallback1, fallback2, generic-family; Font Family Categories CSS defines five generic font families: serif - Fonts with decorative strokes (Times, Georgia) sans-serif - Clean fonts without strokes (Arial, Helvetica) monospace - Fixed-width fonts (Courier, Monaco) cursive - Script-like fonts (Comic Sans, Brush Script) fantasy - Decorative display fonts (Impact, Papyrus) ...
Read MoreSet the name of the CSS property the transition effect is for
The CSS transition-property property specifies which CSS property should have a transition effect applied to it. This property determines which property changes will be animated when the element's state changes. Syntax selector { transition-property: property-name; } Possible Values ValueDescription noneNo transition effect will be applied allAll properties that can be animated will have transition effects (default) property-nameSpecific CSS property name like width, height, background-color, etc. initialSets the property to its default value inheritInherits the value from parent element Example: Width Transition The following example demonstrates a ...
Read MoreSet bottom tooltip with CSS
To create a bottom tooltip with CSS, use the top property set to 100% along with position: absolute. This positions the tooltip below the trigger element when hovered. Syntax .tooltip .tooltip-text { position: absolute; top: 100%; visibility: hidden; } .tooltip:hover .tooltip-text { visibility: visible; } Example The following example creates a bottom tooltip that appears when you hover over the text − .mytooltip { ...
Read MoreWhat are Floating List Items in CSS
Floating list items in CSS allow you to create horizontal navigation bars and multi-column layouts by making list items flow side by side instead of stacking vertically. The float property removes elements from the normal document flow and positions them to the left or right of their container. Syntax li { float: left | right | none; } Possible Values ValueDescription leftFloats the element to the left side rightFloats the element to the right side noneDefault value, no floating applied Example: Horizontal Navigation Bar The following ...
Read MoreStyle elements with a value outside a specified range with CSS
The CSS :out-of-range pseudo-class selector is used to style elements when their value is outside the specified min and max range. This selector only applies to input elements that have range limitations defined. Syntax input:out-of-range { /* styles */ } Example: Styling Out-of-Range Input The following example demonstrates how to style a number input when the value is outside the specified range − input:out-of-range { border: 3px dashed orange; ...
Read MoreRole of CSS :enabled Selector
The CSS :enabled selector is a pseudo-class used to style form elements that are enabled and can be interacted with by users. This selector targets input fields, buttons, and other form controls that are not disabled. Syntax :enabled { /* CSS properties */ } /* Or target specific elements */ input:enabled { /* CSS properties */ } Example: Styling Enabled Input Fields The following example demonstrates how to style enabled input fields with a blue background while disabled fields remain unaffected − ...
Read MoreSet the width of the left border using CSS
The CSS border-left-width property is used to set the width of the left border of an element. This property only works when the border-left-style or border-style is defined. Syntax selector { border-left-width: value; } Possible Values ValueDescription thinDefines a thin left border mediumDefines a medium left border (default) thickDefines a thick left border lengthDefines the width in px, em, rem, etc. Example The following example demonstrates how to set different widths for the left border − ...
Read MoreCSS border-image property
The CSS border-image property allows you to use an image as the border of an element instead of the standard border styles. This property is useful for creating decorative borders using custom images. Syntax selector { border-image: source slice width outset repeat; } Possible Values PropertyDescription sourceThe image to be used as border (url or gradient) sliceHow to slice the border image (in pixels or %) widthThe width of the border image outsetHow much the border extends beyond the border box repeatHow border image is repeated (stretch, repeat, round, ...
Read MoreUnable to access DBCONN after upgrading to EHP7 in SAP system
When upgrading to EHP7 (Enhancement Package 7) in SAP systems, you may encounter issues accessing existing database connections (DBCONN). This problem typically occurs due to changes in database connectivity protocols and security configurations in the newer enhancement package. Testing Database Connection You can test the connection using T-code: SE38 with the program ADBC_TEST_CONNECTION. This will help identify if the database connection is functioning properly after the EHP7 upgrade. Exception Handling for Connection Issues To properly diagnose connection problems, implement exception handling in your ABAP code. You can check the details of exceptions as shown below − ...
Read More