CSSPositionTryRule: свойство style

Ограниченная доступность

Эта функция не является Baseline, поскольку она не работает во всех широко используемых браузерах.

Экспериментальная функция: Это экспериментальная технология
Внимательно проверьте таблицу совместимости браузеров перед использованием в продакшене.

Свойство style только для чтения интерфейса CSSPositionTryRule возвращает объект CSSPositionTryDescriptors, представляющий декларации, установленные в теле правила @position-try.

Значение

Объект CSSPositionTryDescriptors.

Примеры

CSS содержит правило @position-try с именем --custom-right и тремя дескрипторами.

@position-try --custom-bottom {
  top: anchor(bottom);
  min-width: 100px;
  margin: 10px 0 0 0;
}

const myRules = document.styleSheets[0].cssRules;
const tryOption = myRules[0]; // a CSSPositionTryRule
console.log(tryOption.style.top); // "anchor(bottom)"
console.log(tryOption.style["min-width"]); // "100px"
console.log(tryOption.style.positionArea); // ""; no position-area specified

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

Спецификация
CSS Анкерное позиционирование # dom-csspositiontryrule-style

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`style`	125	125	131	111	Нет	125	Нет	83	Нет	27.0	125

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSPositionTryRule/style