Skip to content

Latest commit

 

History

History
112 lines (81 loc) · 3.27 KB

image.ru.md

File metadata and controls

112 lines (81 loc) · 3.27 KB

image

Используется для вставки самостоятельных изображений.

Обзор блока

Специализированные поля блока

Поле Тип Описание
title String Текст всплывающей подсказки.
alt String Альтернативный текст для изображения.
url String Адрес изображения.
width Number Ширина изображения в пикселях.
height Number Высота изображения в пикселях.
content BEMJSON Контент изображения в формате SVG.

Описание блока

Блок image предназначен для вставки самостоятельных изображений. Адаптирован для вывода в специальных режимах (чтения, печати, для людей с ограниченными возможностями).

Специализированные поля блока

Поле title

Тип: String.

Определяет текст всплывающей подсказки.

{
    block : 'image',
    url : 'https://img-fotki.yandex.ru/get/16159/259818507.0/0_130be6_4116d8e7_S',
    title : 'Все подробности на bem.info'
}

Поле alt

Тип: String.

Определяет альтернативный текст для изображений. Такой текст позволяет получить информацию об изображении, если браузер по каким-то причинам не может его отобразить.

{
    block : 'image',
    url : 'https://img-fotki.yandex.ru/get/6737/259818507.0/0_130be4_7315e1e0_S',
    alt : 'BEM'
}

Поле url

Тип: String.

Определяет адрес, с которого загружается изображение.

{
    block : 'image',
    url : 'https://img-fotki.yandex.ru/get/5405/259818507.0/0_130be5_948d59aa_S'
}

Поле width

Тип: Number.

Определяет ширину изображения в пикселях.

{
    block : 'image',
    url : 'https://img-fotki.yandex.ru/get/17848/259818507.0/0_12ab32_a798a820_X5L',
    width : 200,
    height : 100
}

Поле height

Тип: Number.

Определяет высоту изображения в пикселях.

{
    block : 'image',
    url : 'https://img-fotki.yandex.ru/get/17848/259818507.0/0_12ab32_a798a820_X5L',
    width : 100,
    height : 200
}

Поле content

Тип: BEMJSON.

Определяет контент изображения в формате SVG.

{
    block : 'image',
    content : '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16"><path d="M13.5.5l-8 12L1.7 8l-1 1.6L5.6 15l9.1-13.4z"/></svg>'
}