귀하의 기사에 적합한 몇 가지 질문 기반 제목은 다음과 같습니다. * CSS 속성 및 값이 브라우저에서 지원되는지 확인하는 방법은 무엇입니까? * CSS 지원 검사기: 속성 및 값 호환성을 확인하는 방법

<code class="css">@supports (display: flex) {
  /* Code to be executed if flexbox is supported */
}</code>

<code class="javascript">if ('display' in document.body.style) {
  // Flexbox is supported
}</code>

<code class="javascript">const element = document.createElement('div');
element.style.setProperty('text-decoration-style', 'blink');
const style = window.getComputedStyle(element);
if (style.getPropertyValue('text-decoration-style') === 'blink') {
  // Blink effect is supported
}</code>

<code class="javascript">console.log(CSS.supports('text-decoration-style', 'blink'));
// True or false

console.log(CSS.supports('display', 'flex'));
// True or false

console.log(CSS.supports('--foo', 'red'));
// True or false</code>