IES: CSS-deck 12 Flashcards

1
Q

“capitalize”

A
  • text-transform keyword
  • Transforms the text to words with the first letter capitalized regardless of writing convention or how it is written in the HTML coding
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

white-space

A
  • specifies control and treatment of white space within takes content
  • white-space keywords: “pre”, “no-wrap”, “pre-wrap”, or “pre-line”
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

direction

A
  • direction keywords: “rtl” or “ltr”
  • (default): left-to-right direction
  • direction is used to specify and change the direction of text lines
  • allows text to be presented in different languages -read or written in different directions- on a single line
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

“rtl”

A
  • direction keyword
  • changes or specifies the direction of text lines
  • specifies that the text is to be written or read from the right of the text to its left.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

“ltr”

A
  • direction keyword
  • changes or specifies the direction of text lines
  • specifies that the text is to be written or read from the left of the text to its right.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

“pre”

A
  • white-space keyword
  • specifies or (preserves) that all spaces are to be kept as they appear in the original text, including any line breaks.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

“no-wrap”

A
  • white-space keyword
  • specifies that the automatic wrapping of text in a block is to be prevented
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

“pre-wrap”

A
  • white-space keyword
  • Specifies that spaces are to be preserved while still allowing text to wrap normally
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

“pre-line”

A
  • white-space keyword
  • specifies the collapse of multiple spaces while preserving line breaks
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

unicode-bidi

A
  • unicode-bidi keywords: bidi-override, normal, embed, or isolate.
  • controls how bidirectional text is to be displayed or handled in a document
  • Specifies the Unicode algorithm is to be followed or overridden
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

“bidi-override”

A
  • unicode-bidi keyword
  • turns off the automatic bidirectional algorithm in HTML source code
  • Generally, the default of rtl text achieves the desired effect; in practice, this override is seldom needed
  • Create an override for inline elements, and an override for inline-level descendants in block elements
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

“embed”

A
  • unicode-bidi keyword
  • Opens an additional level of embedding for inline elements
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

“normal”

A
  • unicode-bidi keyword
  • unicode-bidi default value
  • Does not open an additional level of embedding
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

“isolate”

A
  • unicode-bidi keyword
  • Isolates the element from its siblings
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

CSS pseudo-elements

A
  1. ::before
  2. ::after
  3. ::first-letter
  4. ::first-line
  5. ::selection
  6. ::marker
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

::first-letter

A
  • pseudo-element
  • Used to add a special style to the first letter of a text
  • can onlybe applied to block-level elements new
  • The following properties apply to this pseudo element:
    1. Font properties 2. Color properties 3. Background properties 4. Margin properties 5. Padding properties 6. Border properties 7. Text-decoration 8. Vertical-align (only if “float” is “none”) 9. Text-transform 10. Line-height 11. Float 12. Clear
17
Q

::first-line

A
  • pseudo-element
  • Used to add a special style to the first line of a text
  • Can only be applied to block-level elements
  • The following properties apply to this pseudo-element:
    1. font properties 2. Color properties 3. Background properties 4. Word-spacing 5. letter-spacing 6. Text-decoration 7. Vertical-align 8. Text-transform 9. Line-height 10. Clear
18
Q

::before

A
  • pseudo-element
  • Can be used to insert some content before the content of an element
19
Q

::after

A
  • pseudo-element
  • Can be used to insert some content after the content of an element
20
Q

::selection

A
  • pseudo-element
  • Matches the portion of an element that is selected by a user
  • The following CSS properties can apply to this pseudo-element:
    1. color 2. Background 3. Cursor 4. outline