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

CSSで両面ドキュメントの印刷を設定する

両面ドキュメントを印刷する場合は、左右のページのページボックスが異なる必要があります。

例

次のように2つのCSS疑似クラスで表現できます-

<style>
   <!--
      @page :left {
         margin-left: 4cm;
         margin-right: 3cm;
      }
      @page :right {
         margin-left: 3cm;
         margin-right: 4cm;
      }
   -->
</style>

  1. CSSを使用してフレックスアイテムを右から左に水平に設定します

    flex-directionを使用します フレックスアイテムを右から左に水平に設定するためのrow-reverse値を持つプロパティ。 例 次のコードを実行して、行反転を実装してみてください。 値 <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex

  2. CSSを使用したフローティング要素

    CSS floatプロパティは、ボックスまたはコンテンツの配置またはフォーマットに使用されます。開発者は、CSSフロートを使用して要素を左また​​は右に配置できます。 floatプロパティには、次のいずれかの値を指定できます- 左 −要素はコンテナの左側に浮かんでいます 正しい −要素はそのコンテナの右側に浮かんでいます なし −要素はフロートしません。デフォルト値です 継承 −要素はその親のfloat値を継承します 例 CSSFloatプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <title&