브라무스가 작성, 수정 또는 검토한 도움말을 살펴보세요.
Updated 2025년 3월 6일 Chrome팀은 커뮤니티의 우려사항에 응답합니다. Updated 2025년 2월 28일 Android용 Chrome은 Chrome 135부터 전체 화면 모드를 지원합니다. Updated 2025년 2월 28일 전체 화면 웹 환경 빌드 Updated 2025년 2월 26일 스크롤 기반 및 스크롤 트리거 애니메이션이 스토리텔링 기사를 개선하는 방법을 알아보세요. Updated 2025년 1월 15일 이제 커스텀 속성을 포함한 모든 CSS 속성에 attr()를 사용할 수 있으며, 값을 문자열이 아닌 데이터 유형으로 파싱할 수 있습니다. Updated 2024년 12월 5일 Chrome DevRel팀과 스케이트보드를 타는 Chrome Dino와 함께 2024년에 Chrome 및 웹 플랫폼용으로 출시된 최신 CSS를 살펴보세요. Updated 2024년 11월 12일 Chrome 131이 출시됩니다. 세부정보 요소에 대한 CSS 스타일 지정, 페이지 여백 상자를 사용한 더 간편한 인쇄 레이아웃 등 다양한 기능이 추가되었습니다. Updated 2024년 11월 6일 이제 새로운 ::details-content 가상 요소를 사용하여 디스플레이 유형을 설정하고 펼치고 접을 수 있는 부분의 컨테이너 스타일을 지정할 수 있습니다. Updated 2024년 9월 25일 단일 페이지 애플리케이션에서 사용할 동일 문서 보기 전환을 시작합니다. Updated 2024년 9월 17일 `interpolate-size` 및 `calc-size()`를 사용하여 고유 크기 조정 키워드와 애니메이션 처리 Updated 2024년 8월 14일 두 가지 새로운 JavaScript 이벤트인 스크롤SnapChange와 ScrollSnap Changes가 도입되었습니다. Updated 2024년 7월 11일 점점 더 많은 사람들이 View Transition API를 살펴보기 시작하면서 몇 가지 오해를 바로잡을 때입니다. Updated 2024년 6월 11일 Google I/O 2024에서 발표된 CSS 및 웹 UI 관련 공지사항을 모두 읽어보세요. Updated 2024년 5월 16일 MPA를 위한 문서 간 뷰 전환, 활성 유형을 사용한 선택적 뷰 전환, 뷰 전환 클래스를 사용한 애니메이션 스타일 공유를 발표합니다. Updated 2024년 5월 7일 뷰 전환, 스크롤 기반 애니메이션, Popover API 등 최신 CSS 및 UI 기능을 구현하여 전자상거래 사이트가 어떤 이점을 얻을 수 있는지 알아보세요. Updated 2024년 5월 6일 스크롤 기반 애니메이션에 대해 자세히 알아볼 수 있는 10부작 동영상 과정 Updated 2024년 4월 14일 View Transition API를 사용하면 웹사이트 뷰 간에 전환을 추가할 수 있습니다. Updated 2024년 4월 14일 다중 페이지 애플리케이션 (MPA)에서 사용할 문서 간 보기 전환을 시작하세요. Updated 2024년 2월 18일 Chrome 122부터 `::backdrop` 요소는 원래 요소에서 속성을 상속합니다. Updated 2024년 1월 17일 `scrollbar-width` 및 `scrollbar-color` 속성을 사용하여 스크롤바의 스타일을 지정합니다. Updated 2023년 12월 11일 `이름` 이 같은 여러 `` 요소로 전용 아코디언을 만듭니다. Updated 2023년 12월 7일 2023년은 CSS에게 엄청난 한 해였습니다. 올해 Chrome 및 웹 플랫폼 전반에 걸쳐 무엇이 도입되었는지 알아보세요. Updated 2023년 10월 4일 @scope를 사용하여 DOM의 제한된 하위 트리 내에서만 요소를 선택하는 방법을 알아보세요. Updated 2023년 5월 25일 점 사이에 선형으로 보간되는 CSS의 이징 함수인 linear()를 도입하여 바운스 및 스프링 효과를 다시 만들 수 있습니다. Updated 2023년 5월 11일 Google I/O 2023에서 놓쳐서는 안 될 주요 CSS 및 UI 기능 20가지를 소개합니다. Updated 2023년 5월 5일 스크롤 타임라인 및 뷰 타임라인을 사용하여 선언적 방식으로 스크롤 기반 애니메이션을 만드는 방법을 알아보세요. Updated 2023년 3월 8일 즐겨 사용하는 CSS 전처리기 기능 중 하나인 중첩 스타일 규칙이 이제 이 언어에 내장되어 있습니다. Updated 2022년 12월 16일 CSS Working Group은 CSS의 중첩을 정의하는 최선의 방법을 두고 논쟁을 계속하고 있습니다. CSS 작성자라면 도움이 필요합니다. Updated 2022년 10월 28일 Chrome 108의 표시 영역 크기 조절 동작에 적용되는 변경사항, Chrome이 이렇게 변경하는 이유, 사용자가 대비할 수 있는 작업을 알아봅니다. Updated 2022년 9월 27일 Chrome 106이 출시 중입니다. 숫자 형식을 지정할 때 더 세밀하게 제어할 수 있는 새로운 Intl API를 추가했습니다. 새로운 팝업 API의 오리진 트라이얼이 있어 사용자에게 중요한 콘텐츠를 쉽게 표시할 수 있습니다. CSS 몇 가지 사항이 개선되었습니다. 이외에도 다양한 기능이 있습니다. Updated 2022년 8월 31일 번들러, 프레임워크, 서드 파티 코드로 작업할 때 디버깅 및 프로파일링 환경을 개선하는 Chrome DevTools의 최신 변경사항을 살펴보세요. Updated 2022년 8월 31일 Chrome DevTools와 Angular팀은 Angular를 테스트 파일럿으로 사용하여 더 나은 디버깅 환경을 제공하기 위해 협력했습니다. 다른 프레임워크에도 유사한 변경사항을 제공할 수 있습니다. Updated 2022년 2월 1일 "캐스케이드 레이어는 코드의 단계적 우선순위를 관리하는 데 도움이 되는 새로운 CSS API로, 곧 모든 최신 브라우저에 적용됩니다." Updated 2021년 3월 2일 Chrome 89가 출시됩니다. WebHID, WebNFC 및 Web Serial은 오리진 트라이얼을 마치고 이제 정식 버전으로 제공됩니다. Google에서는 일부 개발자가 PWA 설치 가능 여부를 확인하는 데 사용했던 허점을 닫고 있습니다. 웹 공유 및 웹 공유 타겟이 데스크톱에 출시됩니다. 이 외에도 다양한 기능이 있습니다. Updated 2024년 10월 15일 Chrome 130 is rolling out now! Document picture in picture gives you more control over picture in picture windows, CSS Nested declarations fix some tricky edge cases, and you can specify how decorations on elements split across multiple lines behave. Pete LePage has all the details about what's new for developers in Chrome 130. Updated 2024년 5월 7일 Discover the benefits of Scroll-driven animations with Policybazaar, redBus, and Tokopedia. Updated 2024년 4월 30일 A proposal to define masonry and grid in different specifications. Updated 2023년 3월 29일 When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate? Updated 2023년 2월 9일 Pre-filter a set of child elements before applying An+B logic on it.CSS @function의 출시가 Chrome 136에서 139로 지연됨
Android용 Chrome의 화면 전체 표시 준비하기
Android의 Chrome 전체 화면 이전 가이드
NRK에서 스크롤 기반 애니메이션을 사용하여 스토리에 생동감을 불어넣는 방법
CSS attr()가 업그레이드됨
CSS 래핑 2024
Chrome 131의 새로운 기능
스타일 지정 옵션 더보기 <details>
단일 페이지 애플리케이션의 동일 문서 보기 전환
높이에 애니메이션 적용: auto; CSS에 (및 기타 고유한 크기 조정 키워드 포함)
Snap 이벤트 스크롤
뷰 전환에 관한 오해
CSS 및 웹 UI의 최신 소식: I/O 2024 요약
뷰 전환의 새로운 기능 (Google I/O 2024 업데이트)
전자상거래 사이트에서 CSS 및 UI 기능이 중요한 이유는 무엇인가요?
'스크롤 기반 애니메이션 활용' 소개
View Transition API를 사용한 원활한 전환
다중 페이지 애플리케이션의 문서 간 보기 전환
CSS ::backdrop 상속 변경사항
스크롤바 스타일 지정
아코디언 전용 아코디언
CSS 래핑: 2023년
CSS @scope at-rule로 선택자의 도달범위 제한
linear() 이징 함수를 사용하여 CSS에서 복잡한 애니메이션 곡선 만들기
CSS 및 UI의 새로운 기능: I/O 2023 에디션
스크롤 기반 애니메이션으로 스크롤 시 요소에 애니메이션 적용
CSS 중첩
CSS 중첩 구문 선택 도움말
Android용 Chrome에 적용될 표시 영역 크기 조절 동작 변경사항에 대비하기
Chrome 106의 새로운 기능
Chrome DevTools의 최신 웹 디버깅
우수사례: DevTools를 사용한 Angular 디버깅 개선
브라우저에 캐스케이드 레이어가 추가됩니다.
Chrome 89의 새로운 기능
New in Chrome 130
Scroll-driven animations case studies
An alternative proposal for CSS masonry
Specify how multiple animation effects should composite with animation-composition
More control over :nth-child() selections with the of S syntax
