HTML을 DOCX로 변환 할 때 지원되는 CSS 속성
그라츠 HTML에서 DOCX로 변환기는 모든 HTML 요소를 읽고 DOCX의 각 요소에 가장 가까운 근사치를 생성하려고 시도합니다. 브라우저를 사용하여 HTML 요소의 구문 분석 스타일을 수행할 때 브라우저 CSS가 요소 유형에 사용되거나 HTML에서 제공되는 사용자 정의 CSS가 사용됩니다.
아래 표에서는 DOCX 텍스트, 이미지, 표, 수평선 및 섹션의 스타일을 지정할 수 있는 방법을 자세히 설명합니다. 이는 HTML에서 DOCX로의 변환기가 수행하는 작업에 대한 광범위한 개요만 제공하므로 변환할 수 있는 HTML을 쉽게 생성할 수 있습니다. into 훌륭한 DOCX 문서.
| 본문 | ||
|---|---|---|
| DOCX 속성 | CSS 속성 | 노트 |
| 글꼴 | 글꼴 - 가족 | |
| 글꼴 크기 | 폰트 크기 | |
| 글자 색 | 색 | |
| 왼쪽과 오른쪽 간격 | 왼쪽 여백, 오른쪽 여백, 왼쪽 여백, 오른쪽 여백 | |
| 상단과 하단 간격 | 패딩 상단, 패딩 하단, 여백 상단, 여백 하단 | |
| 줄 간격 | 라인 높이 | |
| 커닝 | 문자 간격 | |
| 강조 | 배경 색 | 이는 DOCX 사양에서 허용하는 강조 색상(black, blue, 시안, darkBlue, darkCyan, darkGray, darkGreen, darkMagenta, darkRed, darkYellow, green, lightGray, magenta, none, red, white) 중 하나와 일치하는 경우에만 적용됩니다. , 노란색 |
| 일시: XNUMX년 XNUMX월 XNUMX일 화요일 XNUMX:XNUMXpm - XNUMX:XNUMXpm 장소: 여의도 페어몬트 앰배서더 서울 호텔 XNUMXF 아잘레아스 룸 [약도] 행사 문의: info.korea@rescale.com | 폰트 무게 | |
| 이탤릭체 | 글꼴 스타일 | |
| 밑줄 | 텍스트 장식 | |
| 밑줄 색상 | 텍스트 장식 색상 | |
| 밑줄 스타일 | 텍스트 장식 스타일 | |
| 파업 | 텍스트 장식 | |
| 조정 | 텍스트 정렬 | |
| 방향 | 방향 | |
| 대문자, 소문자, 타이틀 케이스 | 텍스트 변환 | |
| 작은 모자들 | 글꼴 변형 대문자 | |
| 텍스트 들여쓰기 | 텍스트 들여 쓰기 | |
| 위첨자와 아래 첨자 | 수직 정렬 | |
| 엠보싱, 새기다, 그림자, 윤곽 | 텍스트 그림자 | |
| 제목 | h1, h2, h3, h4, h5, h6 태그 | |
| 테두리 너비 | 국경 폭 | 이러한 CSS 스타일은 테두리의 모든 측면이 각 속성 유형에 대해 동일한 값을 갖는 경우에만 텍스트에 적용됩니다. |
| 테두리 색상 | 테두리 색상 | |
| 테두리 스타일 | 테두리 스타일 | |
| 작업대 | ||
| DOCX 속성 | CSS 속성 | 노트 |
| 테두리 너비 | 국경 폭 | |
| 테두리 색상 | 테두리 색상 | |
| 테두리 스타일 | 테두리 스타일 | |
| 조정 | 텍스트 정렬 | |
| 다음으로 계속 | 침입 | "방지" 옵션을 선택한 경우에만 적용됩니다. |
| 테이블 행 | ||
| DOCX 속성 | CSS 속성 | 노트 |
| 여러 페이지에 걸쳐 나누기 | 침입 | "방지" 옵션을 선택하지 않는 한 적용됩니다. |
| 테이블 셀 | ||
| DOCX 속성 | CSS 속성 | 노트 |
| 테두리 너비 | 국경 폭 | |
| 테두리 색상 | 테두리 색상 | |
| 테두리 스타일 | 테두리 스타일 | |
| 수직 정렬 | 수직 정렬 | |
| 농담 | 배경 색 | |
| 셀 패딩 | 메워 넣기 | |
| 셀 너비 | 폭 | DOCX에는 개념이 없습니다. 셀 높이. |
| 영상 | ||
| DOCX 속성 | CSS 속성 | 노트 |
| 왼쪽과 오른쪽 간격 | 왼쪽 여백, 오른쪽 여백, 왼쪽 여백, 오른쪽 여백 | |
| 상단과 하단 간격 | 패딩 상단, 패딩 하단, 여백 상단, 여백 하단 | |
| 조정 | 텍스트 정렬, 왼쪽 여백, 오른쪽 여백, float | |
| 방향 | 방향 | |
| 회전 | 변환 | |
| 테두리 너비 | 국경 폭 | 이러한 CSS 스타일은 테두리의 모든 측면이 각 속성 유형에 대해 동일한 값을 갖는 경우에만 이미지에 적용됩니다. |
| 테두리 색상 | 테두리 색상 | |
| 테두리 스타일 | 테두리 스타일 | |
| 명부 | ||
| DOCX 속성 | CSS 속성 | 노트 |
| 목록 항목 마커 | 목록 스타일 유형 | |
| 왼쪽과 오른쪽 간격 | 왼쪽 여백, 오른쪽 여백, 왼쪽 여백, 오른쪽 여백 | |
| 상단과 하단 간격 | 패딩 상단, 패딩 하단, 여백 상단, 여백 하단 | |
| 다음으로 계속 | 침입 | "방지" 옵션을 선택한 경우에만 적용됩니다. |
| 수평선 | ||
| DOCX 속성 | CSS 속성 | 노트 |
| 테두리 색상 | 테두리 색상 | |
| 테두리 스타일 | 테두리 스타일 | |
| 섹션 | ||
| DOCX 속성 | CSS 속성 | 노트 |
| 열 수 | 열 개수 | |
| 칼럼라인 | 열 규칙 | |
| 열 간격 | 기둥 간격 | |
| 페이지 나누기 | 침입 후, 침입 | 사용방법에 대한 자세한 내용은 앱의 페이지 나누기. |
| 양식 컨트롤 | ||
| DOCX 속성 | CSS 속성 | 노트 |
| 글꼴 | 글꼴 - 가족 | |
| 글꼴 크기 | 폰트 크기 | |
| 글자 색 | 색 | |
| 왼쪽과 오른쪽 간격 | 왼쪽 여백, 오른쪽 여백, 왼쪽 여백, 오른쪽 여백 | |
| 상단과 하단 간격 | 패딩 상단, 패딩 하단, 여백 상단, 여백 하단 | |
| 강조 | 배경 색 | 이는 DOCX 사양에서 허용하는 강조 색상(black, blue, 시안, darkBlue, darkCyan, darkGray, darkGreen, darkMagenta, darkRed, darkYellow, green, lightGray, magenta, none, red, white) 중 하나와 일치하는 경우에만 적용됩니다. , 노란색 |
| 일시: XNUMX년 XNUMX월 XNUMX일 화요일 XNUMX:XNUMXpm - XNUMX:XNUMXpm 장소: 여의도 페어몬트 앰배서더 서울 호텔 XNUMXF 아잘레아스 룸 [약도] 행사 문의: info.korea@rescale.com | 폰트 무게 | |
| 이탤릭체 | 글꼴 스타일 | |
| 밑줄 | 텍스트 장식 | |
| 밑줄 색상 | 텍스트 장식 색상 | |
| 밑줄 스타일 | 텍스트 장식 스타일 | |
| 파업 | 텍스트 장식 | |
| 조정 | 텍스트 정렬 | |
| 방향 | 방향 | |
| 대문자, 소문자, 타이틀 케이스 | 텍스트 변환 | |
| 작은 모자들 | 글꼴 변형 대문자 | |
| 위첨자와 아래 첨자 | 수직 정렬 | |
| 엠보싱, 새기다, 그림자, 윤곽 | 텍스트 그림자 | |
| 테두리 너비 | 국경 폭 | 이러한 CSS 스타일은 테두리의 모든 측면이 각 속성 유형에 대해 동일한 값을 갖는 경우에만 텍스트에 적용됩니다. |
| 테두리 색상 | 테두리 색상 | |
| 테두리 스타일 | 테두리 스타일 | |
특수 DOCX HTML 요소
엄밀히 말하면 CSS는 아니지만 이러한 기능은 Word 문서를 향상시키는 데 도움이 될 수 있으며 여기에서 언급할 가치가 있습니다.
정보가 충분하지 않습니다. HTML을 DOCX로 변환할 때 GrabzIt에 접근하는 방법.