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

CSS@mediaルール

@media ルールは、一連のルールのターゲットメディアタイプ（コンマで区切る）を指定します。

例

@mediaルールの例を見てみましょう-

<style>
   <!--
      @media print {
         body { font-size: 10pt }
      }

      @media screen {
         body { font-size: 12pt }
      }

      @media screen, print {
         body { line-height: 1.2 }
      }

   -->
</style>

  1. CSSオーバーフロー-y

    CSSのoverflow-yを使用すると、コンテンツの上下の端をどのように処理するかを決定できます。次のコードを実行して、overflow-yプロパティを実装してみてください- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             background-color: orange;  

  2. CSSの@mediaAt-rules

    CSS @mediaルールは、単一のスタイルシートでさまざまなメディアタイプ（印刷、画面、すべてなど）にさまざまなスタイルを指定するために使用されます。通常、その後にメディアタイプのコンマ区切りリストと、ターゲットメディアのスタイルルールを含むCSS宣言ブロックが続きます。 構文 以下は構文です- @media not | only mediatype and (expressions) {    CSS-Code; }のみ 例 CSS@mediaルールの例を見てみましょう- <!DOCTYPE html> <html> <head>