XSL-FO ব্লক (ব্লক)

XSL-FO আউটপুট ব্লক এলাকায় অবস্থিত

XSL-FO পাতা, স্ট্রিম এবং ব্লক

বিষয় 'ব্লক' 'পাতা'তে 'স্ট্রিম' হয়, এবং পরে মাধ্যমে আউটপুট করা হয়。

XSL-FO আউটপুট সাধারণত <fo:block> ইলেকট্রনিক উপাদানে নেমেছে, <fo:block> <fo:flow> ইলেকট্রনিক উপাদানে নেমেছে, <fo:flow> <fo:page-sequence> ইলেকট্রনিক উপাদানে নেমেছে:

<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">
এই আউটপুট বক্স চারদিকে এক মিলিমিটার বর্তর আছে।
</fo:block>

কারণ বক্স এলাকা একটি চতুর্ভুজ বাক্স, তাই তা বহু সাধারণ এলাকা বৈশিষ্ট্যকে ভাগ করে নেয়:

  • space before এবং space after
  • margin
  • border
  • padding
  • space before

চিত্রশব্দ:

space before এবং space after এটি বক্সের মধ্যের খালি এলাকা, যা বক্সগুলোকে বিভক্ত করে।

margin এটি বক্সের বাইরের খালি এলাকা।

border এর বাইরের মোকাবিলার চতুর্ভুজ আকৃতির। এর চারটি পাশ কোনো আকারের হতে পারে। এটি আরও ভিন্ন রঙ এবং ব্যাকগ্রাউন্ড ছবির মুকুট হতে পারে。

padding এটি কনটেন্ট এলাকা এবং বর্তরের মধ্যের এলাকা।

কনটেন্টএলাকা একটি বাস্তব কনটেন্টকে ধারণ করতে পারে, যেমন টেক্সট, ছবি, গ্রাফিক্স ইত্যাদি。

বক্স মার্জিন

  • margin
  • margin-top
  • margin-bottom
  • margin-left
  • margin-right

বক্স বর্তর

বর্তর শৈলী বৈশিষ্ট্য:

  • 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-after-color
  • border-start-color
  • border-end-color
  • border-top-color (সমানভাবে border-before)
  • border-bottom-color (সমানভাবে border-after)
  • border-left-color (বর্ডার-স্টার্ট সমতুল)
  • border-right-color (বর্ডার-ইন্ডে সমতুল)

বর্ডার প্রকৃতি অ্যাট্রিবিউট:

  • border-width
  • border-before-width
  • border-after-width
  • border-start-width
  • border-end-width
  • border-top-width (বর্ডার-বিফোর সমতুল)
  • border-bottom-width (বর্ডার-আফটার সমতুল)
  • border-left-width (বর্ডার-স্টার্ট সমতুল)
  • border-right-width (বর্ডার-ইন্ডে সমতুল)

ব্লক প্যাডিং

  • padding
  • padding-before
  • padding-after
  • padding-start
  • padding-end
  • padding-top (প্যাডিং-বিফোর সমতুল)
  • padding-bottom (প্যাডিং-আফটার সমতুল)
  • padding-left (প্যাডিং-স্টার্ট সমতুল)
  • padding-right (প্যাডিং-ইন্ডে সমতুল)

ব্লক ব্যাকগ্রাউন্ড

  • background-color
  • background-image
  • background-repeat
  • background-attachment (scroll বা fixed)

ব্লক স্টাইল প্রকৃতি:

ব্লক এককভাবে স্টাইলাইজ করা যায় যা আউটপুট করা হবে:

<fo:block
  font-size="12pt"
  font-family="sans-serif">
এই আউটপুট ব্লকটি 12pt স্যান্স-সেরিফ ফন্টে লেখা হবে。
</fo:block>

ফন্ট প্রকৃতি:

  • font-family
  • font-weight
  • font-style
  • font-size
  • font-variant

টেক্সট প্রকৃতি:

  • text-align
  • text-align-last
  • text-indent
  • start-indent
  • end-indent
  • wrap-option (স্বচালিত পাঠ বিভাজক নির্দিষ্ট করুন)
  • break-before (পৃষ্ঠাবিভাজক নির্দিষ্ট করুন)
  • break-after (define page break, page breaks)
  • reference-orientation (define 90" text rotation)

উদাহরণ

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

ফলাফল:

দেখুন উপরের উদাহরণ, যদি একটি বহুবিধ শিরোনাম এবং অনুচ্ছেদ সমিত ডকুমেন্ট তৈরি করতে হয়, তবে অনেক বেশি কোড চাইবে

সাধারণত, XSL-FO ডকুমেন্টগুলি আমরা যেমন করেছিলাম না, ফরম্যাটিং তথ্য এবং কনটেন্টকে মিলিয়ে দেওয়া হয় না

XSLT-এর কিছু সহায়তায়, আমরা ফরম্যাটিং তথ্যকে টেম্পলেটে রাখতে পারি এবং আরও পরিচ্ছন্ন কনটেন্ট লিখতে পারি

এই টিউটোরিয়ালের পরবর্তী চপ্তীতে আপনি XSLT টেম্পলেট ব্যবহার করে XSL-FO কম্বাইন করার কিভাব শিখবেন