All questions of CSS Basics - 4 for Class 6 Exam

Explanation:

ruby-align property:
The correct property that defines the alignment of Ruby text in relation to base text is the ruby-align property. This property is used to specify the alignment of the ruby text inside a tag in relation to the base text inside a tag.

Usage:
The syntax for using the ruby-align property is as follows:
css
rt {
ruby-align: ;
}

Values:
The ruby-align property accepts the following values:
- start: Aligns the ruby text at the start of the base text.
- center: Aligns the ruby text at the center of the base text.
- space-between: Distributes the ruby text evenly along the base text.
- space-around: Distributes the ruby text with space on both sides of the base text.
- justify: Aligns the ruby text to justify the base text.

Example:
css
rt {
ruby-align: start;
}

Conclusion:
In conclusion, the ruby-align property is used to define the alignment of Ruby text in relation to the base text within a tag. By using this property, you can control how the Ruby text is positioned in relation to the base text on the webpage.

Column Breaks in Multicolumn Text

Column breaks are used to control the flow of text in multicolumn layouts. When working with multicolumn text, it is often necessary to specify where a column element should break after an associated element. This can be achieved using the CSS property `column-break-after`.

The CSS Property: column-break-after
The `column-break-after` property is used to control where a column break should occur after a specific element when flowing multicolumn text. It allows you to specify whether to break the column after the associated element or not.

The possible values for `column-break-after` are:
a) `auto`: The column break is determined by the browser.
b) `always`: A column break is forced after the associated element.
c) `avoid`: A column break is avoided after the associated element.
d) `avoid-page`: A column break is avoided after the associated element, and if necessary, also a page break.

Example:
Let's consider the following HTML code:

```html

```

To control column element breaks after each paragraph in the multicolumn text, we can use the `column-break-after` property. For example, if we want to force a column break after each paragraph, we can apply the following CSS:

```css
p {
column-break-after: always;
}
```

This CSS rule will ensure that a column break occurs after each paragraph, forcing the next paragraph to start in a new column.

Conclusion
The `column-break-after` property is used to control the column element breaks after an associated element in multicolumn text. By specifying the appropriate value for this property, you can control the flow of text and ensure that column breaks occur where desired. In this case, the correct answer is option 'B' - `column-break-after`.

Opacity

font-family property in CSS
The font-family property in CSS sets the font face to be used for text. It specifies the font family for an element, which is a prioritized list of font family names or generic family names. If the first font in the list is not available, the browser will try the next font in the list.

Example:
css
p {
font-family: Arial, sans-serif;
}
In this example, the paragraph text will be displayed using the Arial font if it is available. If Arial is not available, the browser will use a sans-serif font as a fallback.

Key points:
- The font-family property allows you to specify multiple font choices to ensure that if the preferred font is not available, an alternative font is used.
- It is important to include generic font families like sans-serif or serif as a fallback option to ensure that the text remains readable even if the specified font is not available.
- Using specific font names in the font-family property can help maintain consistency in the design of a website by ensuring that text is displayed in the intended font face.