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

画面に異なるフォントファミリを設定し、CSSで印刷します


次の例では、画面と印刷に異なるフォントファミリを指定しています。

次のCSSは、両方の画面とプリンターで同じフォントサイズを使用します。

<style>
   <!--
      @media screen {
         p.bodyText {font-family:verdana, arial, sans-serif;}
      }
      @media print {
         p.bodyText {font-family:georgia, times, serif;}
      }
      @media screen, print {
         p.bodyText {font-size:10pt}
      }
   -->
</style>

  1. JavaScriptでCSS変数を取得および設定する

    getComputedStyle()メソッドは、ターゲット要素に適用されたすべてのスタイルを含むオブジェクトを提供します。 getPropertyValue()メソッドは、計算されたスタイルから目的のプロパティを取得するために使用されます。 setProperty()は、CSS変数の値を変更するために使用されます。 例 次の例は、JavaScriptを使用してCSS変数を取得および設定する方法を示しています。 <!DOCTYPE html> <html> <head> <style> :root {    --outerCo

  2. Macでスクリーンタイムのある子供向けにコンテンツを制限し、制限を設定する

    かつてMacでペアレンタルコントロールとして知られていたものが、新しいスクリーンタイム機能の一部になりました。 macOS Catalinaのアップデートにより、Appleはモバイルスクリーンタイムツールをデスクトップに導入し、アプリの制限の管理、コンテンツの制限、スクリーンタイムの監視を容易にしました。 そのため、最近macOS Catalinaにアップデートして、お子様のスクリーンタイムの設定についてサポートが必要な場合は、その機能の使用方法と説明をご案内します。 お子様のスクリーンタイムを有効にする Macで初めてスクリーンタイムを開くときは、お子様のアカウントでスクリーンタイムを有