XSL-FO 튜토리얼login
XSL-FO 튜토리얼
작가:php.cn  업데이트 시간:2022-04-21 16:29:33

XSL-FO 블록



XSL-FO의 출력은 블록 영역에 있습니다.


XSL-FO 페이지, 흐름 및 블록

콘텐츠 "블록"은 "페이지"로 "흐름"된 다음 미디어로 출력됩니다.

XSL-FO 출력은 일반적으로 <fo:block> 요소 내에 중첩되며, <fo:flow> <fo:page-sequence> 요소:

<fo:page-sequence>
​ <fo:flow flow-name="xsl-region-body">
​​ <fo:차단>
                        <!-- 출력은 여기에 표시됩니다 -->
​​ </fo:차단>
​ </fo:flow>
</fo:page-sequence>


블록 영역 속성

블록 위치 직사각형 상자 출력 순서:

<fo:block border-width="1mm">
이 출력 블록 주위에는 >
앞과 뒤의 공백

  • 여백

  • 이 있습니다.
  • 테두리

  • 패딩

  • 앞 공백뒤 공백은 블록을 구분하는 공백입니다.

    margin은 블록 외부의 공백입니다.

    테두리는 영역 바깥쪽 가장자리에 있는 직사각형입니다. 네 면 각각은 서로 다른 너비를 가질 수 있습니다. 다양한 색상과 배경 이미지로 채워질 수도 있습니다.

    padding은 테두리 영역과 콘텐츠 영역 사이의 영역입니다.

    content 영역에는 텍스트, 그림, 그래픽 등과 같은 실제 콘텐츠가 포함될 수 있습니다.


    블록 마진

    • margin

    • margin-top

    • 여백-하단

    • 여백-왼쪽

    • 여백-오른쪽


    차단 테두리

    테두리 스타일 속성:

    • border-style

    • border-before -style

    • border-after-style

    • border-start-style

    • border-end-style

    • border-top-style (border-before와 동일)

    • border-bottom-style (border-after와 동일)

    • border-left-style(border-start와 동일)

    • border-right-style(border-end와 동일)

    테두리 색상 속성:

    • border-color

    • border-before-color

    • 테두리 후 색상

    • 테두리 시작 색상

    • 테두리 끝 색상

    • border-top-color(border-before와 동일)

    • border-bottom-color(border-after와 동일)

    • border -left-color(border-start와 동일)

    • border-right-color(border-end와 동일)

    테두리 너비 속성 :

    • 테두리 너비

    • 너비 앞 테두리

    • 너비 뒤 테두리

    • border-start-width

    • border-end-width

    • border-top- 너비(경계 전과 동일)

    • 경계 하단 너비(경계 후와 동일)

    • 경계 왼쪽 너비( border-start와 동일)

    • border-right-width (border-end와 동일)


    블록 패딩

    • 패딩

    • 패딩 전

    • 패딩 후

    • padding-start

    • padding-end

    • padding-top(padding-before와 동일)

    • padding-bottom(padding-after와 동일)

    • padding-left(padding-start와 동일)

    • padding -right(padding-end와 동일)


    블록 배경

    • background-color

    • 배경 이미지

    • 배경 반복

    • 배경 -부착(스크롤 또는 고정)


    블록 스타일 지정 속성

    블록은 개별적으로 스타일을 지정할 수 있는 출력 시퀀스입니다.

    <fo:block 글꼴 크기="12pt" 글꼴-가족="sans-serif">
    이 출력 블록은 12pt 산세리프 글꼴로 작성됩니다.
    </fo:block>

    글꼴 속성: -family

    • 글꼴 두께

    • 글꼴 스타일

    • 글꼴 크기

    • 글꼴 변형

    • 텍스트 속성:

    text-align

    • text-align-last

    • 텍스트 들여쓰기

    • 시작 들여쓰기

    • 끝 들여쓰기

    • wrap-option(자동 줄 바꿈 정의)

    • break-before(페이지 나누기 정의)

    • break-after(페이지 정의) break)

    • 참조 방향(90" 단위로 텍스트 회전 정의)

    • 인스턴스

    <fo:블록 글꼴 크기="14pt" 글꼴-가족="verdana" color="빨간색"

    space-before="5mm" space-after="5mm">

    PHP.CN
    </fo:block>

    <fo:block 텍스트 들여쓰기="5mm" 글꼴-가족="verdana" 글꼴 크기="12pt">
    php.cn에서 모든 웹 구축 튜토리얼을 찾을 수 있습니다
    기본 HTML 및 XHTML부터 고급 XML, XSL, 멀티미디어 및 WAP까지 필요합니다. black;width:50%">

    PHP .CN

    php.cn에서 모든 웹 구축 방법을 찾을 수 있습니다. 기본 HTML 및 XHTML부터 고급 XML, XSL, 멀티미디어 및 WAP에 이르기까지 필요한 튜토리얼이 많은 문서에는 많은 코드가 필요합니다.

    일반적으로 XSL-FO 문서는 방금 했던 방식으로 서식 정보와 콘텐츠를 결합하지 않습니다.

    XSLT의 도움을 받아 서식 정보를 템플릿에 넣고 더 순수한 콘텐츠를 작성할 수 있습니다.

    이 튜토리얼의 뒷부분에서 XSLT 템플릿을 사용하여 XSL-FO를 작성하는 방법을 배우게 됩니다.

    PHP.CN

    At php.cn you will find all the Web-building    tutorials you need, from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.