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 usharani
Page 3 of 6
CSS padding-box Value
The CSS background-origin property with the padding-box value positions the background image starting from the upper left corner of the padding area. This means the background extends through the padding but not into the border area. Syntax selector { background-origin: padding-box; } Possible Values ValueDescription padding-boxBackground starts from the padding edge (default value) border-boxBackground starts from the border edge content-boxBackground starts from the content edge Example: Comparing Background Origin Values The following example demonstrates the difference between padding-box, border-box, and content-box values − ...
Read MoreSelects all elements with rel="nofollow" with CSS
The CSS attribute selector [attribute="value"] allows you to select elements that have a specific attribute with an exact value. This is particularly useful for targeting links with rel="nofollow" attributes. Syntax selector[attribute="value"] { property: value; } Example The following example demonstrates how to select and style all anchor elements with rel="nofollow" − a[rel="nofollow"] { border: 3px solid blue; background-color: #f0f8ff; ...
Read MoreAdd transparency to the background with CSS
The CSS opacity property is used to add transparency to the background of an element. The property accepts values from 0 (completely transparent) to 1 (completely opaque), allowing you to create various levels of transparency effects. Syntax selector { opacity: value; } Possible Values ValueDescription 0Completely transparent (invisible) 0.1 - 0.9Partially transparent with varying degrees 1Completely opaque (default) Example: Different Opacity Levels The following example demonstrates different transparency levels using the opacity property − div { ...
Read MoreRole of CSS :read-write Selector
The CSS :read-write pseudo-class selector targets form elements that are both readable and writable by the user. This selector applies styles specifically to input fields and textareas that can be edited, excluding read-only elements. Syntax :read-write { /* CSS properties */ } Elements Targeted The :read-write selector matches: elements without the readonly attribute elements without the readonly attribute Elements with contenteditable="true" Example The following example demonstrates how :read-write styles only the editable input field − ...
Read MoreRole of CSS :empty Selector
The CSS :empty selector targets elements that contain no children. An element is considered empty if it has no child elements, no text content, and no whitespace. This pseudo-class is useful for styling placeholder elements or removing unwanted margins from empty containers. Syntax selector:empty { /* CSS properties */ } What Counts as Empty An element is considered empty if it contains: No child elements No text content No whitespace (spaces, tabs, line breaks) Example: Styling Empty Paragraphs The following example demonstrates how to apply different ...
Read MoreDetermine how overflowed content that is not displayed is signaled to users with CSS
The text-overflow property is used to determine how overflowed content that is not displayed is signaled to users with CSS. It controls the visual indication when text content exceeds its container's boundaries. Syntax selector { text-overflow: value; } Possible Values ValueDescription clipText is clipped and no indication is shown (default) ellipsisText is clipped and an ellipsis (...) is displayed stringCustom string to represent clipped text (limited browser support) Example The following example demonstrates both clip and ellipsis values for the text-overflow property − ...
Read MoreCSS3 Radial Gradients
CSS3 radial gradients create smooth color transitions that emanate outward from a center point, forming circular or elliptical patterns. Unlike linear gradients that flow in straight lines, radial gradients spread from the center to the edges. Syntax selector { background: radial-gradient(shape size at position, color-stop1, color-stop2, ...); } Possible Values ParameterDescription shapecircle or ellipse (default: ellipse) sizeclosest-side, farthest-side, closest-corner, farthest-corner positioncenter, top, bottom, left, right, or specific coordinates color-stopColor and optional position (percentage or length) Example: Basic Radial Gradient The following example creates a simple radial ...
Read MoreRotate Out Up Right Animation Effect with CSS
The CSS rotate out up right animation creates a rotation effect where an element rotates 90 degrees clockwise around its bottom-right corner while fading out, simulating an exit animation. Syntax @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0deg); opacity: 1; } 100% { transform-origin: right bottom; ...
Read MoreInstalling free version of SAP ERP to learn ABAP
You can install a free trial from the SAP site, but for that, you require an SAP Partner ID. SAP also provides a developer trial which you can access through the following link − https://developers.sap.com/trials-downloads.html License Requirements The SAP NetWeaver Application Server ABAP comes with a temporary license that allows you to log on to the system. As a first step before using the system, you need to install a 90-day Minisap license to ...
Read MoreUse existing authentication along with SAP BO
It is one of the most common extension points in an existing ecosystem. With the latest release of SAP BusinessObjects (BO), you can use Active Directory based logins mapped under Windows Server. Authentication Integration Options SAP BusinessObjects provides several authentication methods that can integrate with your existing infrastructure − Windows Active Directory (AD) − Seamless integration with domain credentials LDAP Authentication − Connect to existing LDAP directories Single Sign-On (SSO) − Use existing SSO solutions like SAML or Kerberos Database Authentication − Leverage existing ...
Read More