页面样式｜Page Style

在足够宽的网页浏览器窗口中，Chapbook 会在故事文本周围添加水平边距，以提供舒适的阅读体验。文本栏的确切宽度基于 config.style.page.font 中设置的字体大小。您可以通过多个变量来控制文本周围的外观。

首先，变量 config.style.page.style.border 接受以下几个可能的值之一：

• 'none' 会在页面内容周围创建不可见的边框。
• 'thin-line' 和 'thick-line' 会在内容周围创建扁平边框。
• 'shadow' 会在内容周围添加投影效果。

Chapbook 的默认外观是 'shadow'（阴影）。

若使用 'thin-line' 或 'thick-line'，可通过变量 config.style.page.style.borderColor 来指定线条颜色。该值应设置为单一颜色。

变量 config.style.backdrop 用于设置文本内容周围区域的背景颜色。但在较小的浏览器窗口（尤其是移动设备）中，此区域不可见。

当故事显示新段落时，会根据 config.body.transition.name 变量中的设置，在文本之间创建过渡效果：

• 'crossfade' 会使旧文本淡出的同时新文本淡入
• 'fadeInOut' 会使旧文本淡出，然后新文本再淡入
• 'none' 会使新文本立即替换旧文本