Виньетка
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.

Компонент Vignette показывает пользователям, что есть еще контент, который можно просмотреть.
Анатомия
Адаптивные макеты


Весь
Виньетка пропорционально увеличивается до размера экрана. Это справедливо для всех вариантов этого компонента (целого, верхнего и нижнего).

Вершина
Виньетка пропорционально увеличивается до размера экрана. Это справедливо для всех вариантов этого компонента (целого, верхнего и нижнего).

Нижний
Виньетка пропорционально увеличивается до размера экрана. Это справедливо для всех вариантов этого компонента (целого, верхнего и нижнего).
Контент и образцы кода на этой странице предоставлены по лицензиям. Java и OpenJDK – это зарегистрированные товарные знаки корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2025-07-29 UTC.
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2025-07-29 UTC."],[],[],null,["# Vignette\n\nThe Vignette component displays to the users that there's more content to see.\n\nAnatomy\n-------\n\nA. Ellipse\n\nB. Mask\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nAdaptive layouts\n----------------\n\n**Whole**\n\nThe vignette scales up proportionally to fill the screen. This is true for all variants of this component (whole, top and bottom).\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Top**\n\nThe vignette scales up proportionally to fill the screen. This is true for all variants of this component (whole, top and bottom).\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Bottom**\n\nThe vignette scales up proportionally to fill the screen. This is true for all variants of this component (whole, top and bottom).\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e"]]