Which of the following property is used to control column element brea...
Column Breaks in Multicolumn TextColumn 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-afterThe `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
Paragraph 1
Paragraph 2
Paragraph 3
Paragraph 4
```
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.
ConclusionThe `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`.