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
CSS Articles
Page 130 of 130
CSS Grid Gaps
The space as shown in the following figure, between rows and columns are called Grid Gaps
Read MoreCommonly used pseudo-classes in CSS
Following are some of the commonly used pseudo-classesValueDescription:linkUse this class to add special style to an unvisited link.:visitedUse this class to add special style to a visited link.:hoverUse this class to add special style to an element when you mouse over it.:activeUse this class to add special style to an active element.:focusUse this class to add special style to an element while the element has focus.:first-childUse this class to add special style to an element that is the first child of some other element.:langUse this class to specify a language to use in a specified element.
Read MoreCSS media types
The following are the media types in CSS:S.noValue & Description1.AllSuitable for all devices.2.AuralIntended for speech synthesizers.3.BrailleIntended for braille tactile feedback devices.4.EmbossedIntended for paged braille printers.5.HandheldIntended for handheld devices (typically small screen, monochrome, limited bandwidth).6.PrintIntended for paged, opaque material and for documents viewed on screen in print preview mode. Please consult the section on paged media.7.ProjectionIntended for projected presentations, for example, projectors or print to transparencies. Please consult the section on paged media.8.ScreenIntended primarily for color computer screens.9.TtyIntended for media using a fixed-pitch character grid, such as teletypes, terminals, or portable devices with limited display capabilities.10.TvIntended for television-type devices.
Read MoreHow to check the validity of your CSS
Validation is the process of checking something against a rule. When you are a beginner, it is very common that you will commit many mistakes in writing your CSS rules. How will you make sure whatever you have written is 100% accurate and up to the W3 quality standards?If you use CSS, your code needs to be correct. The improper code may cause unexpected results in how your page looks or functions.But if you want to validate your CSS style sheet embedded in an (X)HTML document, you should first check that the (X)HTML you use is valid.Tool to check the ...
Read MoreCSS Relative units
In relative units, the length value is fixed and it appears the exact size of the element. Let us see the units:UnitsAbbreviationPercent%EmEmExExRoot emRemViewport widthVwViewport widthVhViewport widthVmCharacterChGridGd
Read More2D transforms in CSS3
2D transforms are used to re-change the element structure as translate, rotate, scale, and skew.The following table has contained common values that are used in 2D transformsS.NoValues & Description1matrix(n, n, n, n, n, n)Used to defines matrix transforms with six values2translate(x, y)Used to transforms the element along with x-axis and y-axis3translateX(n)Used to transforms the element along with x-axis4translateY(n)Used to transforms the element along with y-axis5scale(x, y)Used to change the width and height of element6scaleX(n)Used to change the width of element7scaleY(n)Used to change the height of element8rotate(angle)Used to rotate the element based on an angle9skewX(angle)Used to defines skew transforms along with ...
Read MoreMethods of 3D transforms with CSS3
The following are the methods used to call 3D transforms:ValuesDescriptionmatrix3d(n, n, n, n, n, n, n, n, n, n, n, n, n, n, n, n)Used to transforms the element by using 16 values of the matrixtranslate3d(x, y, z)Used to transforms the element by using x-axis, y-axis, and z-axistranslateX(x)Used to transforms the element by using x-axistranslateY(y)Used to transforms the element by using y-axistranslateZ(z)Used to transforms the element by using y-axisscaleX(x)Used to scale transforms the element by using x-axisscaleY(y)Used to scale transforms the element by using y-axisscaleY(y)Used to transforms the element by using z-axisrotateX(angle)Used to rotate transforms the element by using x-axisrotateY(angle)Used ...
Read MoreUsing CSS3 in SAP BSP application without using DOCTYPE tag
To add a DOCTYPE tag without changing code of your BSP application, you can try using in Web Server, JQuery, or other UI libraries.There are various other libraries that you can search for as a replacement for CSS3 and they have their own advantage. I have used JQuery UI, Wijmo or Modernizer.
Read More