CWN(CHANGE WITH NEWS) - ＂CSS 기능·Scroll Snapping＂··· 더욱 강력하게 출시된 파이어폭스 68

파이어폭스(Firefox)는 파이어폭스68에 추가된 새로운 CSS 기능에 대한 세부사항을 1일(현지시간) 발표 했다고 영국의 테크전문지 Packthub가 보도했다. 파이어폭스팀은 이달 초에 CSS 68의 추가와 변경으로 파이어폭스 68의 출시를 발표했다.

Firefox 68의 업데이트는 Chrome 및 Safari에서 구현된 Scroll Snap과 함께 Firefox를 구현한다. 또한 이전의 스크롤 스냅점 사양의 일부인 이전 속성을 제거한다.

The ::marker pseudo-element

:: marker pseudo-element는 목록 항목의 마커상자를 선택하는 데 도움이 된다. 일반적으로 목록 글 머리 기호 또는 숫자가 포함된다. 이미지를 목록 글 머리 기호로 사용한 적이 있거나 다른 글 머리 기호 및 텍스트 색을 사용하기 위해 범위의 목록 항목의 텍스트를 줄 바꿈 한 경우 이 의사 요소는 사용자를위한 것입니다! 마커 의사 요소를 사용하면 총알을 대상으로 지정할 수 있습니다.

:: marker에는 사용할 수있는 CSS 속성이 몇 가지 있습니다. 여기에는 모든 글꼴 속성이 포함됩니다. 따라서 글꼴 크기 또는 패밀리를 텍스트와 다른 것으로 변경할 수 있습니다.

Using ::marker on non-list items

마커는 목록 항목에만 표시 될 수 있지만 display : list-item을 사용하여 모든 항목을 목록항목으로 전환 할 수 있다.
:: marker pseudo-element는 CSS Lists Level 3과 CSS Pseudo-elements Level 4에서 표준화되어 현재 Firefox 68과 Safari에서 구현된다.

Firefox 68의 CSS 수정 사항

웹개발자는 지원되는 기능이 여러 브라우저에서 다르게 작동하면 문제가 발생한다. 이러한 상호 운용성 문제는 종종 웹플랫폼의 시대로 인해 발생한다. 따라서 Firefox 팀은 CSS 사양을 많이 변경했다. 개발자는 브라우저에 따라 명확한 사양에 맞게 구현을 업데이트 해야한다. 최신 파이어폭스 릴리스에서 팀은 ch 장치에 대한 수정사항을 제공 하고 목록번호 매기기를 제공한다.

파이어 폭스 CSS 구현에 대한 변경외에도 파이어 폭스 68은 개발자도구에 새로운 기능을 추가하여 CSS와 함께 작업한다.

[저작권자ⓒ CWN(CHANGE WITH NEWS). 무단전재-재배포 금지]