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 121 of 130
CSS text-emphasis property
Used to emphasis text and color. Let us see an example:text-emphasis: text-emphasis-style text-emphasis-color;Here,text-emphasis-color: foreground color of the emphasis marktext-emphasis-style: emphasis marks on the element's text
Read MoreA scale transform the element by using y-axis with CSS3
The scaleY(y) method is used to scale transform the element using y-axis.Let us see the syntax −scaleY(y)Here, y is a number representing the scaling factor to apply on the ordinate of each point of the element.Let us see an example −div { width: 60px; height: 60px; background-color: yellow; } .scaled { transform: scaleY(0.5); background-color: black; }
Read MoreCSS3 font combinations
CSS3 has adapted font combinations technology. In here, if the browser does not support the first font then it tries the next font.Let us see an example of Sans-Serif fonts −
Read MoreAural Media CSS Properties
Aural rendering of documents is mainly used by the visually impaired. The following are the aural media CSS properties −The azimuth property sets, where the sound should come from horizontally.The elevation property sets, where the sound should come from vertically.The cue-after specifies a sound to be played after speaking an element's content to delimit it from other.The cue-before specifies a sound to be played before speaking an element's content to delimit it from other.The cue is a shorthand for setting cue-before and cue-after.The pause-after specifies a pause to be observed after speaking an element's content.The pause-before specifies a pause to be observed ...
Read MoreWhy Aural rendering of documents is necessary
Aural rendering of documents is mainly used by the visually impaired. Some of the situations in which a document can be accessed by means of aural rendering rather than visual rendering are the following.Learning to readTrainingWeb access in vehiclesHome entertainmentIndustrial documentationMedical documentationWhen using aural properties, the canvas consists of a three-dimensional physical space (sound surrounds) and a temporal space (one may specify sounds before, during, and after other sounds).
Read MoreCSS speech-rate property
The speech-rate property specifies the speaking rate. Note that both absolute and relative keyword values are allowed.The possible values are -number − Specifies the speaking rate in words per minute.x-slow − Same as 80 words per minute.slow − Same as 120 words per minute.medium − Same as 180 - 200 words per minute.fast − Same as 300 words per minute.x-fast − Same as 500 words per minute.faster − Adds 40 words per minute to the current speech rateslower − Subtracts 40 words per minutes from the current speech rate.
Read MoreCSS max-width property
The max-width property is used to set the maximum width that a box can be. The value of the max-width property can be a number, a length, or a percentage. This paragraph is 200px high and max width is 100px This paragraph is 200px high and max width is 100px
Read MoreHow to create a modal popup using JavaScript and CSS?
Creating a modal popup means adding a dialog box, which generates on click of a button and close when user clicks anywhere outside of the popup.Here’s how a popup looks like below with header and a text. You can also add a footer to it −To create a modal popup using CSS and JavaScript, try to run the following code −ExampleLive Demo .popup { display: none; position: fixed; z-index: 1; ...
Read MoreDifference between PX, EM and Percent
The px unit defines a measurement in screen pixels. The following is an example −div { padding: 40px; }The em unit is a relative measurement for the height of a font in em spaces. Because an em unit is equivalent to the size of a given font, if you assign a font to 12pt, each "em" unit would be 12pt; thus, 2em would be 24pt.The following is an example −p { letter-spacing: 4em; }The % unit defines a measurement as a percentage relative to another value, typically an enclosing element.p { font-size: 14pt; line-height: 80%; }
Read MoreCSS rest-after Speech Media property
The CSS rest-after property is useful for speech media to set pause after an element.The following is the syntax −rest-after: | none | x-weak | weak | medium | strong | x-strongHere, x-weak | weak | medium | strong | x-strong is the rest by the strength of pauseLet us see an example of rest-after speech media property −h1 { rest-after: 15ms; }The time sets the pause in milliseconds.
Read More