Применение стилей для текста (рамка)
Выделение текста рамкой, бордюром,
тег border-style
В некоторых случаях вам понадобиться выделить текст или часть текста в рамку.
И конечно же рамку можно сочетать с другими стилями.
Предлагаем некоторые варианты:
Пример 1
текст в рамке вариант1
Код| <span style="border-style: dotted">текст в рамке вариант1</span> |
Пример 2
текст в рамке вариант2
Код| <span style="border-style: dashed">текст в рамке вариант2</span> |
Пример 3
текст в рамке вариант3
Код| <span style="border-style: solid">текст в рамке вариант3</span> |
Пример 4
текст в рамке вариант4
Код| <span style="border-style: double">текст в рамке вариант4</span> |
Пример 5
текст в рамке вариант5
Код| <span style="border-style: groove">текст в рамке вариант5</span> |
Пример 6
текст в рамке вариант6
Код| <span style="border-style: ridge">текст в рамке вариант6</span> |
Пример 7
текст в рамке вариант7
Код| <span style="border-style: inset">текст в рамке вариант7</span> |
Пример 8
текст в рамке вариант8
Код| <span style="border-style: outset">текст в рамке вариант8</span> |
Пример 9
текст в рамке синего цвета
Код| <span style="border-color: blue; border-style: dotted">текст в рамке синего цвета</span> |
Некоторые рамки в браузерах, таких как Opera, могут некорректно отображаться.
Поделиться ссылкой на эту страницу