Главная » Языки программирования

Жирный шрифт в javascript

Содержание
  1. Style font Property
  2. Browser Support
  3. Syntax
  4. Property Values
  5. Technical Details
  6. More Examples
  7. Example
  8. Как сделать жирный текст (шрифт) в HTML/CSS/jQuery/JavaScript?
  9. Жирный текст (шрифт) в HTML
  10. Жирный текст (шрифт) в CSS
  11. Жирный текст (шрифт) в jQuery/JavaScript
  12. String.prototype.bold()
  13. Сводка
  14. Синтаксис
  15. Описание
  16. Примеры
  17. Пример: использование метода bold()
  18. Спецификации
  19. Совместимость с браузерами
  20. Смотрите также
  21. Found a content problem with this page?
  22. MDN
  23. Support
  24. Our communities
  25. Developers
  26. Style fontWeight Property
  27. Browser Support
  28. Syntax
  29. Property Values
  30. Technical Details
  31. More Examples
  32. Example
  33. Example
  34. Related Pages
  35. COLOR PICKER
  36. Report Error
  37. Thank You For Helping Us!
  38. JavaScript: String bold() method
  39. Description
  40. Syntax
  41. Parameters or Arguments
  42. Returns
  43. Note
  44. Example

Style font Property

The font-size and font-family are required. If one of the other values are missing, the default values will be inserted, if any.

The properties above can also be set with separate style properties. The use of separate properties is highly recommended for non-advanced authors for better controllability.

Browser Support

Syntax

object.style.font = «font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;»

Property Values

Value Description
style Sets the font-style
variant Sets the text in a small-caps font
weight Sets the boldness of the font
size Sets the size of the font
lineHeight Sets the distance between lines
family Sets the font face
caption The font used for captioned controls (like buttons, drop-downs, etc.)
icon The font used to label icons
menu The font used in menus
message-box The font used in dialog boxes
small-caption The font used in small controls
status-bar The font used in window status bars
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

Technical Details

Default Value: not specified
Return Value: A String, representing different font properties of the element
CSS Version CSS1
Читайте также:  Php prepared statement select all

More Examples

Example

Return the font of an element:

Источник

Как сделать жирный текст (шрифт) в HTML/CSS/jQuery/JavaScript?

Жирный текст (или какие-то отдельные его части) часто используется для того, чтобы выделить главную мысль текста или заострить на этом участке внимание пользователя.

Для разных случаев есть разные варианты решения поставленной задачи, поэтому о каждом – немного подробнее.

Жирный текст (шрифт) в HTML

Начнем, пожалуй, с классики – чистого языка разметки HTML (я думаю, что вы помните, что HTML – не язык программирования).

В HTML для того, чтобы сделать нужное слово (фразу или целый текст, хотя для больших объемов данных рациональнее использовать CSS. О нем чуть ниже) жирным, существует два тега.

Первый – это тег . Текст, вложенный в него, становится стандартным полужирным. Использование:

Закрывающий тег обязателен. Не имеет персональных атрибутов, только универсальные, по типу id, class и прочих.

Второй – тег . Использование:

 Hello, World!

Закрывающий тег, значение насыщенности (жирности) и атрибуты – все как в предыдущем теге.

Существенное отличие тега от в том, что первый () является элементом логической разметки и используется для указания важности заключенного в него текста, когда как второй () – элемент физической разметки и просто изменяет внешний вид текста (также заключенного в него).

Чтобы убрать жирность текста, заключенного в один из этих тегов, просто удалите их (эти теги) или воспользуйтесь свойством CSS.

Жирный текст (шрифт) в CSS

В каскадных таблицах стилей (CSS) насыщенность (жирность) текста устанавливается с помощью свойства font-weight. Популярными значениями (на мой взгляд) являются 400 (эквивалент normal, обычный вид текста) и 700 (эквивалент bold, стандартный полужирный).

Все допустимые значения свойства находятся в диапазоне от 100 до 900 (включительно) с шагом 100 (100, 200, 300, 400 или normal, 500, 600, 700 или bold, 800 и 900). Некоторые из этих значений могут не дать желаемого результата из-за особенностей используемого шрифта.

Помимо этого, существуют значения bolder и lighter (они задают жирность указанного текста относительно родителя, в большую или меньшую сторону соответственно), а также inherit (указывает на наследование значения от родителя) и initial (установка значения по умолчанию).

Жирный текст (шрифт) в jQuery/JavaScript

Если вы хотите задать некому тексту необходимую жирность с помощью jQuery или JavaScript, то можно пойти двумя путями. Первый – это обернуть текст при его вставке на страницу, используя HTML-теги.

Аналогичный вариант на JavaScript:

Второй – это применить свойство font-weight из CSS с нужным его значением:

Аналогичный вариант на JavaScript:

Плюсом, существует метод bold(), который оборачивает переменную (текст) в HTML-тег :

 var str = "Hello, World!"; var text = str.bold(); // Hello, World!

Хотя, если верить некоторым источникам, этот метод считается устаревшим и не рекомендуется к использованию.

Источник

String.prototype.bold()

Устарело: Эта возможность была удалена из веб-стандартов. Хотя некоторые браузеры по-прежнему могут поддерживать её, она находится в процессе удаления. Не используйте её ни в старых, ни в новых проектах. Страницы или веб-приложения, использующие её, могут в любой момент сломаться.

Сводка

Синтаксис

Описание

Метод bold() заключает строку в тег : «str» .

Примеры

Пример: использование метода bold()

В следующем примере демонстрируется использование нескольких строковых методов для изменения форматирования строки:

var worldString = 'Привет, мир'; document.write(worldString.blink()); document.write(worldString.bold()); document.write(worldString.italics()); document.write(worldString.strike());

Этот пример генерирует такой же вывод, как и следующий HTML:

blink>Привет, мирblink> b>Привет, мирb> i>Привет, мирi> strike>Привет, мирstrike>

Спецификации

Спецификация Статус Комментарии
ECMAScript 2015 (6th Edition, ECMA-262)
Определение ‘String.prototype.bold’ в этой спецификации.		 Стандарт Изначальное определение. Реализована в JavaScript 1.0. Определена в (нормативном) Приложении B по Дополнительным возможностям ECMAScript для веб-браузеров.

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

Found a content problem with this page?

This page was last modified on 7 нояб. 2022 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

Our communities

Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Источник

Style fontWeight Property

The fontWeight property sets or returns how thick or thin characters in a text should be displayed.

Browser Support

Syntax

Return the fontWeight property:

Set the fontWeight property:

Property Values

Value Description
normal Font is normal. This is default
lighter Font is lighter
bold Font is bold
bolder Font is bolder
100
200
300
400
500
600
700
800
900		 Defines from light to bold characters. 400 is the same as normal, and 700 is the same as bold
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

Technical Details

More Examples

Example

A demonstration of possible values:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById(«demo»).style.fontWeight = listValue;

Example

Return the font weight of an element:

Unlock Full Access 50% off

COLOR PICKER

colorpicker

Join our Bootcamp!

Report Error

If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:

Thank You For Helping Us!

Your message has been sent to W3Schools.

Top Tutorials
Top References
Top Examples
Get Certified

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Источник

JavaScript: String bold() method

totn JavaScript

This JavaScript tutorial explains how to use the string method called bold() with syntax and examples.

Description

In JavaScript, bold() is a string method that is used to create the HTML element. Because the bold() method is a method of the String object, it must be invoked through a particular instance of the String class.

Syntax

In JavaScript, the syntax for the bold() method is:

Parameters or Arguments

There are no parameters or arguments for the bold() method.

Returns

The bold() method returns a copy of string enclosed in and tags.

Note

Example

Let’s take a look at an example of how to use the bold() method in JavaScript.

var totn_string = 'TechOnTheNet'; console.log(totn_string.bold());

In this example, we have declared a variable called totn_string that is assigned the string value of ‘TechOnTheNet’. We have then invoked the bold() method of the totn_string variable to return a string that contains the HTML element.

We have written the output of the bold() method to the web browser console log, for demonstration purposes, to show what the bold() method returns.

The following will be output to the web browser console log:

As you can see, the bold() method created a string that contains a element. The value of the totn_string variable (which is ‘TechOnTheNet’) is enclosed within the and tags.

Источник

Оцените статью
© 2024 Программирование