CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSでのpage-break-before、page-break-after、およびpage-break-insideプロパティの使用

ドキュメントにレベル1ヘッダーがあり、セクションを示すレベル2ヘッダーで新しい章を開始するとします。各章を新しい右側のページから開始する必要がありますが、セクションヘッダーが後続のコンテンツからのページ分割に分割されることは望ましくありません。これは、次のルールを使用して実現できます-

<style>
   <!--
      h1 { page-break-before : right }
      h2 { page-break-after : avoid }
   -->
</style>

自動のみを使用してください および回避 page-break-insideの値 財産。可能であれば、テーブルがページ間で分割されないようにする場合は、ルールを記述します-

<style>
   <!--
      table { page-break-inside : avoid }
   -->
</style>

  1. CSSのマージンとパディング

    マージンについては、CSSマージンプロパティを使用します。 marginプロパティは、HTML要素の周囲のスペースを定義します。 パディングの場合、パディングプロパティを使用すると、要素のコンテンツとその境界線の間に表示するスペースの量を指定できます。 以下は、CSSでマージンとパディングを表示するコードです- 例 <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdan

  2. 2020年のWebデザインのための最新のCSSプロパティとAPI

    開発者がJavaScriptとCSSを組み合わせてWebサイトをカスタマイズできるように、新しいCSSプロパティが開発され、人気のあるブラウザーをサポートするようになりました。これらのいくつかを以下に示します- フォーカス-範囲内 要素内のフォーカスアクセシビリティを解決することを目的としています スクロールスナップ これにより、ネイティブのスクロールと減速が可能になります @media（prefers- *） ユーザーのデバイス設定に応じてページのUIとUXの両方を設定できるため、より高いレベルのパーソナライズが可能になります。 *ライトレベル、強制色、配色、コントラスト、動きの減