diff options
| author | Dan Allen <dan.j.allen@gmail.com> | 2022-08-04 23:52:54 -0600 |
|---|---|---|
| committer | Dan Allen <dan.j.allen@gmail.com> | 2022-08-05 00:33:03 -0600 |
| commit | b9f6825390a0cdc3a17ebed77c3565bc3fdce43d (patch) | |
| tree | 32d3c34e708f97194be9891af74c80351f2b6275 /docs/modules | |
| parent | 38cc77d619e9718993304137eb2d3bcba194db33 (diff) | |
clarify that border and background color is fit to text by default and how it can be extended out using border-offset
Diffstat (limited to 'docs/modules')
| -rw-r--r-- | docs/modules/theme/pages/text.adoc | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/docs/modules/theme/pages/text.adoc b/docs/modules/theme/pages/text.adoc index d6f14174..293dc2db 100644 --- a/docs/modules/theme/pages/text.adoc +++ b/docs/modules/theme/pages/text.adoc @@ -145,3 +145,14 @@ smallcaps:: Replaces lowercase Latin letters with their small capital variant. uppercase:: Transforms all the text to capital letters. The `text-transform` key can’t be set on the xref:base.adoc[base category]. + +[#border-background-color] +== Border and background color + +For inline elements that support a border or background color, the decoration is fit to the text by default. +That means it stretches from the start of the first character to the end of the last character horizontally and across the entire built-in line height of the text vertically. +The `line-height` key on the block element (e.g., paragraph) does not affect the decoration. + +To extend the decoration out evenly on both axes, set the `border-offset` key to a positive number. +This setting does not affect the layout of the text. +It only swells the extent of the decoration under it. |