ホームDSSSL研究室 » DSSSL技術マニュアル » テーブルの作成


基本的な記述形式−−−サンプル

セル内のスペース・線・位置を指定する記述

セルの切り抜き(スパン)を行う記述




基本的な記述形式


DTD&インスタンスの記述例

<!ELEMENT table   (tr)*>
<!ELEMENT tr      (th|td)*>
<!ELEMENT td      (#PCDATA)>
<!ELEMENT th      (#PCDATA)>

<table>
	<tr>
		<th>表のデータタイトル</th>
		<th>表のデータタイトル</th>
	</tr>
	<tr>
		<td>表のデータ</td>
		<td>表のデータ</td>
	</tr>
</table>
          

DSSSLの基本的な記述形式

;テーブルの全体を作成
(element タグ名
	(make table

	テーブルのスタイルを指定

		(make table-column		;テーブルのカラム(column:縦の列)を作成
			width:		;カラムの幅を指定
		)
	)
)

;テーブルのROW(横の列)を作成
(element row
	(make table-row))

;テーブルのセル(cell)を作成
(element th
	(make table-cell

	セルのスタイルを記述

	)
)

;テーブルのセル(cell)を作成
(element td
	(make table-cell

	セルのスタイルを記述

	)
)
up
          

テーブルの概念図

テーブルの概念図


テーブルのサンプル例

DTD&インスタンスの記述例

<!DOCTYPE sample [
<!ELEMENT sample  (table)>
<!ELEMENT table   (tr)*>
<!ELEMENT tr      (th|td)*>
<!ELEMENT td      (#PCDATA)>
<!ELEMENT th      (#PCDATA)>
]>
<sample>
	<table>

		<tr>
			<th>漢字</th>
			<th>国名</th>
		</tr>

		<tr>
			<th>日</th>
			<td>日本</td>
		</tr>

		<tr>
			<th>米</th>
			<td>アメリカ</td>
		</tr>

		<tr>
			<th>英</th>
			<td>イギリス</td>
		</tr>

		<tr>
			<th>仏</th>
			<td>フランス</td>
		</tr>

		<tr>
			<th>蘭</th>
			<td>オランダ</td>
		</tr>

		<tr>
			<th>伊</th>
			<td>イタリア</td>
		</tr>

		<tr>
			<th>印</th>
			<td>インド</td>
		</tr>
	</table>
</sample>
up
          

DSSSLスタイルシート記述例

<!DOCTYPE style-sheet PUBLIC "-//James Clark//DTD DSSSL Style Sheet//EN">
<style-sheet>
<style-specification>
<style-specification-body>

(root					;全体の出力形態を指定
	(make simple-page-sequence
		page-height: 297mm
		page-width: 210mm
		top-margin: 15mm
		bottom-margin: 15mm
		right-margin: 15mm
		left-margin: 15mm
		language: 'JA))


(element table				;テーブルのタグを指定
	(make table			;テーブルの作成を指定
		display-alignment: 'center	;出力の場所を指定 (左('start:デフォルト),中央('center),右('end))
		table-border: #t		;テーブルの周りに線を引く(線を引く(#t),線を引かない(#f:デフォルト))
		line-thickness: 0.5pt	;線の太さを指定
		(make table-column		;テーブルカラム(縦の領域)の作成を指定
			width: 30mm)	;テーブルカラムの幅を指定
		(make table-column
			width: 30mm)
			(process-children)))	;出力を促す指定

(element tr
	(make table-row))			;テーブルのロウ(テーブルの横の領域)を指定する

(element th
	(make table-cell			;テーブルのセルを作成する指定
		font-weight: 'bold		;フォントの出力形態
		font-size: 12pt
		quadding: 'center			;セル内の出力場所(左('start:デフォルト),中央('center),右('end))
		cell-before-row-border: #t		;セルの前に線を引く
		cell-after-row-border: #t		;セルの後ろに線を引く
		cell-before-column-border: #t	;セルの上に線を引く
		cell-after-column-border: #t))	;セルの下に線を引く

(element td
	(make table-cell			;テーブルのセルを作成する指定(以下同文)
		font-size: 12pt
		quadding: 'end
		cell-before-row-border: #t
		cell-after-row-border: #t
		cell-before-column-border: #t
		cell-after-column-border: #t))


</style-specification-body>
</style-specification>
</style-sheet>

          

出力結果

出力結果