Latest web development tutorials

XSL-FO บล็อก

เอาท์พุท XSL-FO ของบล็อกอยู่ในพื้นที่


XSL-FO หน้า (หน้า), การไหล (ไหล) และบล็อก (block)

เนื้อหา "บล็อก" จะ "ไหล" เข้า "หน้า" และจากนั้นส่งออกไปยังสื่อ

เอาท์พุท XSL-FO มักจะซ้อนอยู่ใน <สำหรับ: บล็อก> องค์ประกอบภายใน <สำหรับ: บล็อก> ซ้อน <สำหรับ: การไหล> องค์ประกอบภายใน <สำหรับ: การไหล> ซ้อน <สำหรับ: หน้าลำดับ> องค์ประกอบภายใน :

<fo:page-sequence>
<fo:flow flow-name="xsl-region-body">
<fo:block>
<!-- Output goes here -->
</fo:block>
</fo:flow>
</fo:page-sequence>


คุณสมบัติของพื้นที่บล็อก

บล็อกตั้งอยู่ในลำดับการส่งออกกล่องสี่เหลี่ยม:

<fo:block border-width="1mm">
This block of output will have a one millimeter border around it.
</fo:block>

ตั้งแต่พื้นที่บล็อกเป็นกล่องสี่เหลี่ยมเพื่อให้คุณสามารถแบ่งปันจำนวนมากของคุณสมบัติในพื้นที่ร่วมกัน:

  • พื้นที่ก่อนและช่องว่างหลัง
  • ขอบ
  • ชายแดน
  • การขยายความ
ขอบเนื้อหาและ Padding

พื้นที่ก่อนและช่องว่างหลังเป็นตึกจากแบ่งระหว่างบล็อกและบทบาทของช่องว่างที่

อัตรากำไรขั้นต้นเป็นพื้นที่ว่างเปล่านอกบล็อก

พื้นที่ชายแดนสี่เหลี่ยมของขอบด้านนอกทั้งสี่ด้านของมันอาจจะมีความกว้างที่แตกต่างกัน นอกจากนี้ยังสามารถที่เต็มไปด้วยสีที่แตกต่างกันและภาพพื้นหลัง

padding ตั้งอยู่ระหว่างชายแดนและพื้นที่เนื้อหาของภูมิภาค

พื้นที่เนื้อหาสามารถมีเนื้อหาจริงเช่นข้อความภาพกราฟิกและอื่น ๆ


อัตรากำไรขั้นต้นบล็อก (บล็อก Margin)

  • ขอบ
  • ขอบด้านบน
  • ขอบล่าง
  • ขอบซ้าย
  • ขอบขวา

ชายแดนบล็อก (บล็อกชายแดน)

BorderStyle คุณสมบัติ:

  • ชายแดนสไตล์
  • ชายแดนก่อนสไตล์
  • ชายแดนหลังสไตล์
  • ชายแดนเริ่มต้นสไตล์
  • ชายแดนสิ้นสไตล์
  • ขอบด้านบนสไตล์ (เทียบเท่ากับชายแดนก่อน)
  • ขอบล่างสไตล์ (เทียบเท่าชายแดนหลัง)
  • ชายแดนซ้ายสไตล์ (เทียบเท่ากับชายแดนเริ่มต้น)
  • ชายแดนขวาสไตล์ (เทียบเท่าชายแดนจบ)

คุณสมบัติสีขอบ:

  • ชายแดนสี
  • ชายแดนก่อนสี
  • ชายแดนหลังสี
  • ชายแดนเริ่มต้นสี
  • ชายแดนสิ้นสี
  • ขอบด้านบนสี (เทียบเท่ากับชายแดนมาก่อน)
  • ขอบล่างสี (เทียบเท่ากับชายแดนหลัง)
  • ชายแดนซ้ายสี (เทียบเท่ากับชายแดนเริ่มต้น)
  • ชายแดนขวาสี (เทียบเท่ากับชายแดนจบ)

แอตทริบิวต์ความกว้างขอบ:

  • ชายแดนที่มีความกว้าง
  • ชายแดนก่อนที่จะมีความกว้าง
  • ชายแดนหลังกว้าง
  • ชายแดนเริ่มต้นที่มีความกว้าง
  • ชายแดนสิ้นความกว้าง
  • ขอบด้านบนมีความกว้าง (เทียบเท่าชายแดนก่อน)
  • ขอบล่างกว้าง (เทียบเท่าชายแดนหลัง)
  • ขอบซ้ายกว้าง (เทียบเท่ากับชายแดนเริ่มต้น)
  • ชายแดนขวากว้าง (เทียบเท่าชายแดนจบ)

บรรจุบล็อก (บล็อกแพ็ดดิ้ง)

  • การขยายความ
  • padding ก่อน
  • padding หลัง
  • padding เริ่มต้น
  • padding สิ้น
  • padding-TOP (เทียบเท่ากับ padding ก่อน)
  • padding ล่าง (เทียบเท่า padding หลัง)
  • padding ซ้าย (เทียบเท่า padding-Start)
  • padding ขวา (เทียบเท่า padding-จบ)

บล็อกพื้นหลัง (บล็อกพื้นหลัง)

  • สีพื้นหลัง
  • ภาพพื้นหลัง
  • พื้นหลังซ้ำ
  • พื้นหลังแนบ (เลื่อนหรือคงที่)

แอตทริบิวต์สไตล์บล็อก (บล็อกจัดแต่งทรงผม Attributes)

บล็อกแต่ละสไตล์ลำดับการส่งออก:

<fo:block font-size="12pt" font-family="sans-serif">
This block of output will be written in a 12pt sans-serif font.
</fo:block>

แอตทริบิวต์ตัวอักษร:

  • font-family
  • font-weight
  • ตัวอักษรสไตล์
  • ขนาดตัวอักษร
  • ตัวอักษรที่แตกต่างกัน

แอตทริบิวต์ของข้อความ:

  • text-align
  • text-align สุดท้าย
  • ข้อความเยื้อง
  • เริ่มต้นการเยื้อง
  • ปลายเยื้อง
  • ตัดตัวเลือก (ตามที่กำหนดห่อ)
  • ทำลายก่อน (แบ่งหน้ากำหนด)
  • ทำลายหลัง (แบ่งหน้ากำหนด)
  • อ้างอิงปฐมนิเทศ (ตามที่กำหนด 90 "เพิ่มการหมุนข้อความ)

ตัวอย่าง

<fo:block font-size="14pt" font-family="verdana" color="red"
space-before="5mm" space-after="5mm">
W3CSchool
</fo:block>

<fo:block text-indent="5mm" font-family="verdana" font-size="12pt">
At W3CSchool you will find all the Web-building tutorials you
need, from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.
</fo:block>

ผล:

W3CSchool

ที่ W3CSchool คุณจะพบทุกบทเรียนสร้างเว็บที่คุณต้องการจากพื้นฐาน HTML และ XHTML เพื่อ XML ขั้นสูง XSL มัลติมีเดียและ WAP

ดูตัวอย่างข้างต้นถ้าคุณต้องการสร้างชื่อและย่อหน้าที่มีเอกสารจำนวนมากก็จะต้องมีจำนวนมากของรหัส

โดยปกติเอกสาร XSL-FO ไม่ได้เช่นเดียวกับที่เราทำกับข้อมูลการจัดรูปแบบและเนื้อหาที่สามารถนำมารวม

โดย XSLT ของความช่วยเหลือเล็ก ๆ น้อย ๆ ที่เราสามารถนำข้อมูลการจัดรูปแบบลงในแม่แบบแล้วเขียนเนื้อหาที่บริสุทธิ์มากขึ้น

คุณจะได้เรียนรู้ในบทต่อมาของการกวดวิชานี้เกี่ยวกับวิธีการใช้แม่แบบ XSLT จะรวม XSL-FO