온라인 CSS 인라이너

온라인 CSS 인라이너

단순하고 중첩되지 않은 CSS 규칙을 인라인 스타일로 변환합니다. 서로 다른 선택자가 같은 요소와 일치하면 명시적으로 거부합니다.

브라우저가 HTML과 CSS를 파싱하고 모든 style 요소의 텍스트 뒤에 추가 CSS를 붙입니다. 같은 선택자의 규칙은 소스 순서대로 누적합니다. 기존 인라인 선언의 인라인 우선순위를 유지하고 !important를 반영합니다. style 태그를 제거하거나 유지해도 결과는 항상 doctype으로 시작하는 전체 문서입니다.

중첩되지 않은 스타일 규칙만 변환합니다. 서로 다른 선택자 텍스트가 같은 요소와 일치하면 명시도를 추측하지 않고 오류로 중단합니다. @ 규칙이나 중첩 CSS가 포함된 규칙은 펼치지 않습니다. 의사 요소, 계산된 스타일, 외부 스타일시트는 변환하지 않습니다. 브라우저는 잘못된 CSS를 버리거나 HTML을 정규화할 수 있습니다.

각 편집기는 최대 500000 UTF-16 코드 단위를 허용합니다. 일치하는 모든 요소의 누적 규칙 텍스트, 구분자, 원래 인라인 텍스트 처리량은 4000000 UTF-16 코드 단위로 제한되며 직렬화된 출력도 같은 제한을 받습니다. 초과하면 HTML 요소나 CSS 선언을 줄이세요. 임의의 입력에 대한 성능 보장은 아닙니다.

붙여 넣은 CSS를 로컬에서 변환하며 외부 스타일시트는 가져오지 않습니다. 결과는 텍스트이며 미리보기, 다운로드 기능, HTML 정화 도구가 아닙니다. 스크립트나 위험한 마크업을 제거하지 않습니다. 사용 전에 코드를 검토하고 대상 브라우저나 이메일 클라이언트에서 테스트하세요. 동일한 렌더링은 보장하지 않습니다.

<style>p{color:red}</style><p>A</p>
→ <p style="color: red;">A</p>