Prelims - Text

Question 1

The color property is used to set the color of the text. The color is specified by:

Answer 1

a color name - like “red”
a HEX value - like “#ff0000”
an RGB value - like “rgb(255,0,0)

body {
  color: blue;
}

h1 {
  color: green;
}

Question 2

Specifies the color of text

Answer 2

color

Question 3

Specifies the background color of text

Answer 3

` background-color`

Question 4

property is used to set the horizontal alignment of a text.

Answer 4

text-align

h1 {
  text-align: center;
}

h2 {
  text-align: left;
}

h3 {
  text-align: right;
}

h4 { 
text-align: justify
}

Question 5

property specifies how to align the last line of a text.

Answer 5

text-align-last

p.a {
  text-align-last: right;
}

p.b {
  text-align-last: center;
}

p.c {
  text-align-last: justify;
}

Question 6

properties can be used to change the text direction of an element

Answer 6

direction and unicode-bidi

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Question 7

property sets the vertical alignment of an element

Answer 7

vertical-align

img.a {
  vertical-align: baseline;
}

img.b {
  vertical-align: text-top;
}

img.c {
  vertical-align: text-bottom;
}

img.d {
  vertical-align: sub;
}

img.e {
  vertical-align: super;
}

Question 8

Specifies the text direction/writing direction

Answer 8

direction

Question 9

Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document

Answer 9

unicode-bidi

Question 10

property is used to add a decoration line to text

Answer 10

text-decoration-line

h1 {
  text-decoration-line: overline;
}

h2 {
  text-decoration-line: line-through;
}

h3 {
  text-decoration-line: underline;
}

p {
  text-decoration-line: overline underline;
}

Question 11

property is used to set the color of the decoration line

Answer 11

text-decoration-color

h1 {
  text-decoration-line: overline;
  text-decoration-color: red;
}

h2 {
  text-decoration-line: line-through;
  text-decoration-color: blue;
}

h3 {
  text-decoration-line: underline;
  text-decoration-color: green;
}

p {
  text-decoration-line: overline underline;
  text-decoration-color: purple;
}

Question 12

property is used to set the style of the decoration line

Answer 12

text-decoration-style

h1 {
  text-decoration-line: underline;
  text-decoration-style: solid;
}

h2 {
  text-decoration-line: underline;
  text-decoration-style: double;
}

h3 {
  text-decoration-line: underline;
  text-decoration-style: dotted;
}

p.ex1 {
  text-decoration-line: underline;
  text-decoration-style: dashed;
}

p.ex2 {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}

p.ex3 {
  text-decoration-line: underline;
  text-decoration-color: red;
  text-decoration-style: wavy;
}

Question 13

The text-decoration property is a shorthand property for

Answer 13

text-decoration-line (required)
text-decoration-color (optional)
text-decoration-style (optional)
text-decoration-thickness (optional)

h1 {
  text-decoration: underline;
}

h2 {
  text-decoration: underline red;
}

h3 {
  text-decoration: underline red double;
}

p {
  text-decoration: underline red double 5px;
}

Question 14

is used to remove the underline from links

Answer 14

text-decoration: none

a {
  text-decoration: none;
}

Question 15

Specifies the thickness of the text decoration line

Answer 15

text-decoration-thickness

Question 16

property is used to specify uppercase and lowercase letters in a text.

Answer 16

text-transform

p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}

p.capitalize {
  text-transform: capitalize;
}

Question 17

property is used to specify the indentation of the first line of a text

Answer 17

text-indent

p {
  text-indent: 50px;
}

Question 18

property is used to specify the space between the characters in a text.

Answer 18

letter-spacing

h1 {
  letter-spacing: 5px;
}

h2 {
  letter-spacing: -2px;
}

Question 19

property is used to specify the space between lines:

Answer 19

line-height

p.small {
  line-height: 0.8;
}

p.big {
  line-height: 1.8;
}

Question 20

property is used to specify the space between the words in a text.

Answer 20

word-spacing

p.one {
  word-spacing: 10px;
}

p.two {
  word-spacing: -2px;
}

Question 21

property specifies how white-space inside an element is handled.

Answer 21

white-space

p {
  white-space: nowrap;
}

Question 22

property adds shadow to text

Answer 22

text-shadow

h1 {
  text-shadow: 2px 2px;
}

In its simplest use, you only specify the horizontal shadow (2px) and the vertical shadow (2px)