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

CSSですべてのプロパティをリセットする

allプロパティを使用して、すべてのプロパティをリセットします。すべてのプロパティを初期、継承、または未設定に設定します。

例

次のコードを実行して、CSSallプロパティを実装してみてください

<!DOCTYPE html>
<html>
   <head>
      <style>
         html {
            color: blue;
         }
         #demo {
            background-color: yellow;
            color: red;
            all: inherit;
         }
      </style>
   </head>
   <body>
      <h2>CSS all property</h2>
      <div id = "demo">This is demo text.</div>
   </body>
</html>
>
  1. CSSの外観プロパティを持つカスタムチェックボックス

    外観プロパティを使用して、ユーザーのオペレーティングシステムのプラットフォームネイティブスタイルに従って要素のスタイルを設定します。 構文 CSSの外観プロパティの構文は次のとおりです- Selector {    appearance: /*value*/;    -webkit-appearance: /*value*/; /*for Safari and Chrome */    -moz-appearance: /*value*/; /*for Firefox */ } 例 次の例は、CSSの外観プロパティを示しています。

  2. CSStab-sizeプロパティを使用したHTMLでのタブサイズの設定

    CSSタブサイズプロパティ タブで使用される空白の量を設定できます。次の例は、CSSのtab-sizeプロパティを示しています。 例 <!DOCTYPE html> <html> <head> <style> body {    display: flex;    flex-direction: column; } p {    white-space: pre; } p:last-of-type {    tab-size: 32;    -mo