# Настройка элементов

О том, как добавить или изменить контент элемента, можно прочитать [в статье «Работа с элементами»](/sozdanie-proekta.-pervye-shagi/rabota-s-elementami.md).

Каждый элемент в Pro-режиме обладает настройками, которые содержатся в трех разделах:

1. «Сетка».
2. «Элемент».
3. «Данные».

{% tabs %}
{% tab title="Сетка" %}

<figure><img src="/files/JtajoQjJOQp8hVR98T8D" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Элемент" %}

<figure><img src="/files/LskFxjFMQpOrtAzcGwVw" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Данные" %}

<figure><img src="/files/qFfIgYS2Ob2lvZDXWEzB" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Раздел «Сетка»

К настройкам сетки относятся:

* [выравнивание (по горизонтали и по вертикали)](#vyravnivanie-po-gorizontali-i-po-vertikali);
* [настройки ширины и высоты](#nastroiki-shiriny-i-vysoty);
* [настройки внутренних и внешних отступов](#nastroiki-vnutrennikh-i-vneshnikh-otstupov);
* [возможность скрыть элемент в режиме заполнения](#vozmozhnost-skryt-element-v-rezhime-zapolneniya);
* [возможность создать уникальное имя элемента](#vozmozhnost-sozdat-unikalnoe-imya-elementa).

{% hint style="info" %}
Обратите внимание: данные настройки доступны только в Pro-режиме.
{% endhint %}

#### Выравнивание (по горизонтали и по вертикали)

Задать выравнивание можно нажатием кнопок выравнивания по высоте и ширине.

<figure><img src="/files/gdqz4Tp9PyUiEyMQHaMF" alt=""><figcaption><p>В нашем примере, заголовок центрирован по ширине и высоте.</p></figcaption></figure>

#### Настройки ширины и высоты

С помощью гибких настроек высоты и ширины можно установить любой размер элемента.

По умолчанию высота и ширина элемента установлены в значении **«Авто»**. Это означает, что система сама анализирует размер элемента и подстраивает ширину и высоту элемента автоматически.

Также есть опция **«100%»**. При установке значения ширины и высоты 100% элемент будет занимать всю доступную область колонки, в которой он находится.&#x20;

<figure><img src="/files/fLv3u1ZSKEs9vem0Q4sY" alt=""><figcaption><p>В данном примере картинке заданы значения: ширина – 100%, высота – автоматическая</p></figcaption></figure>

Для более управляемых настроек можно задать ширину и высоту в пикселях. Для этого переведите положение ширины/высоты в положение **px** и укажите минимальную и максимальную ширину/высоту элемента.

<figure><img src="/files/1yvrf4DHZ8z4po3lxbF3" alt=""><figcaption><p>На примере: минимальная ширина – 350 px, максимальная ширина – 500 px, минимальное значение высоты отсутствует, максимальная высота – 450 px</p></figcaption></figure>

#### Настройки внутренних и внешних отступов

Для того чтобы элементы не были визуально прилеплены друг к другу, используются отступы:

<figure><img src="/files/hdaoFfNaB3YrIze0BUzf" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Слева направо:

* первая ячейка – отступ сверху;
* вторая ячейка – отступ справа;
* третья ячейка – отступ снизу;
* четвертая ячейка – отступ слева.
  {% endhint %}

<figure><img src="/files/GY9A0aDqOVD6xHiPYhTX" alt=""><figcaption><p>Текст имеет отступы: 16 px – сверху, 0 px – справа, 16 px – снизу, 46 px – слева</p></figcaption></figure>

#### Возможность скрыть элемент в режиме заполнения

Как известно, платформа Линда поддерживает 2 режима работы редактора: [режим заполнения](/sozdanie-proekta.-pervye-shagi/rabota-s-blokami.md) и [Pro- режим. ](/sozdanie-proekta.-pervye-shagi/pro-rezhim.md)

Для того, чтобы скрыть элемент от пользователей в режиме заполнения, [переключитесь в Pro-режим](/sozdanie-proekta.-pervye-shagi/pro-rezhim.md#perekhod-v-pro-rezhim).

После этого в выбранном элементе найдите настройку **«Скрыть»** и переведите кнопку **«Скрыть»** в положение **«Да»**.

<figure><img src="/files/vwnvydVOydODdP2rbJDs" alt=""><figcaption><p>Текст скрыт от пользователей в режиме заполнения</p></figcaption></figure>

В результате в режиме заполнения пользователь не видит элемент **«Текст»** в структуре блока.

<figure><img src="/files/2CuhdDJDCMra2PuZgzip" alt=""><figcaption></figcaption></figure>

#### Возможность создать уникальное имя элемента

По умолчанию все элементы имеют стандартные имена, например: **«Текст»**, **«Картинка»**, **«Аудио»**, **«Видео»** и т.д.

Для кастомизации элементов вы можете переименовать элементы по своему усмотрению. Чтобы переименовать элемент, перейдите в Pro-режим, выделите нужный элемент и в графе **«Название»** введите новое имя элемента.

<figure><img src="/files/5NoN6jHxgMPPn9miYnel" alt=""><figcaption></figcaption></figure>

После того как элемент будет переименован, новое имя элемента появится в структуре блока и в редакторе.

<figure><img src="/files/lnimAQYQRRiH2PYekrJG" alt=""><figcaption><p>Теперь текст называется «Заголовок», а картинка – «Первая картинка в проекте»</p></figcaption></figure>

### Раздел «Элемент»

Раздел настроек **«Элемент»** содержит настройки, специфичные для самого элемента. Например, текст имеет настройки цвета, высоты строки, шрифта, начертания и т.д.

<figure><img src="/files/XnwIrEdft9J7vi2SkAPQ" alt=""><figcaption><p>настройки элемента "текст"</p></figcaption></figure>

В то же время элемент **«Картинка»** содержит настройки скругления, рамки, цвета рамки.

<figure><img src="/files/zsuSPI54Fm4f6Z0NMnVQ" alt=""><figcaption></figcaption></figure>

### Раздел «Данные»

Раздел настроек элемента **«Данные»** содержит настройки контента элемента. Например, в данном разделе в элементе **«Текст»** можно лишь заменить текст, в элементе **«Картинка»** – заменить картинку.

<figure><img src="/files/R132xVpoTRBCfAp4Jzml" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.lynda.ru/sozdanie-proekta.-pervye-shagi/nastroika-elementov.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.