ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS3 境界線の角丸implementation_html/css_WEB-ITnose

CSS3 境界線の角丸implementation_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:44:271229ブラウズ

構文 rrree

  • length: オブジェクトのコーナー半径の長さを長さの値で設定します。負の値は許可されません
  • percentage: オブジェクトの角の半径の長さをパーセンテージで設定します。負の値は許可されません
  • {1,4} は、属性が 1 ~ 4 のパラメーター値をサポートすることを意味します。
  • パラメーターの説明
  • 1 つのパラメーター:
  • すべての半径は、左上隅から時計回りに等しいです。左下隅
  • 2 つのパラメータ: 対角線の角度は等しいです。

  • 最初のパラメータ: 左上隅 = 右下隅。
  • 2 番目のパラメータ: 右上隅 = 左下隅
  • 3 つのパラメータ。最初のパラメータ: 左上隅;

  • 2 番目のパラメータ: 右上隅 = 左下隅;
  • 3 番目のパラメータ: 右下隅
  • 4 つのパラメータ:
  • 左上隅から左下隅まで時計回り

  • ブラウザプレフィックス
  • Mozilla (Firefox、Flock およびその他のブラウザ): -moz-
      WebKit (Safari、Chrome およびその他のブラウザ): -webkit-
    1. Opera ブラウザ: -o-
    2. Trident (IE): -ms -
    3. ページは上から下に解析されるため、一般的な書き方はプライベート プレフィックスを最初に置き、デフォルト属性を最後に置くことです

    border-radius:length|percentage {1,4}
    互換性

    ##Rendering;


    #コード

    うわー

    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。