「利用者:キュアラプラプ/サンドボックス/甲」の版間の差分

提供:WikiWiki
ナビゲーションに移動 検索に移動
(空白のページを作成しました)
 
編集の要約なし
1行目: 1行目:
{| class="wikitable"  style="margin:0 auto ; background-color:#ffffff"
|style="background-color:#eeeeee"|'''<big><span id="表の角を丸くする方法">表の角を丸くする方法</span></big>'''<br><small>[[利用者:キュアラプラプ|キュアラプラプ]] ([[利用者・トーク:キュアラプラプ|トーク]]) 2021年3月29日 (月) 18:30 (JST)</small>
|-
|メインページや姉妹プロジェクトで使われてるアレの作り方です
{| class="wikitable mw-collapsible mw-collapsed"
|詳細情報
|-
|
#基本
##表全体のstyle属性にこれを追加します
##*<code>style="border-collapse:separate ; border-radius:10px"</code>
##セルのstyle属性のborderにこれを追加します
##*<code>style="border:none"</code>
#応用
##border-radius
##*値を大きくすることで丸みを強くできます
##**例:<code>style="border-radius:50px"</code>
##*四つの角でそれぞれ丸みを変えられます
##**例:<code>style="border-radius:10px 20px 30px 40px"</code>
##**このとき、左上→右上→右下→左下の順に描写されます。
##*楕円形にすることもできます
##**例:<code>style="border-radius:10px 20px"</code>
##**このとき、横半径→縦半径の順に描写されます。
##*また、四つの角でそれぞれ丸みを変えつつ楕円形にもできます。
##**例:<code>style="border-radius:10px 20px 30px 40px / 40px 30px 20px 10px"</code>
##**このとき、左上横半径→右上横半径→右下横半径→左下横半径→左上縦半径→右上縦半径→右下縦半径→左下縦半径の順に描写されます。
|}
{| class="wikitable mw-collapsible mw-collapsed"
|コメント
|-
|
|}
<span style="color:#0645ad">#
{{#switch:1
|1=豆知識
|2=小ネタ
|3=記事案
|1
}}</span>                                                                                   
|}



1年7月7日 (ゐ) 19:51時点における版

表の角を丸くする方法
キュアラプラプ (トーク) 2021年3月29日 (月) 18:30 (JST)
メインページや姉妹プロジェクトで使われてるアレの作り方です
詳細情報
  1. 基本
    1. 表全体のstyle属性にこれを追加します
      • style="border-collapse:separate ; border-radius:10px"
    2. セルのstyle属性のborderにこれを追加します
      • style="border:none"
  2. 応用
    1. border-radius
      • 値を大きくすることで丸みを強くできます
        • 例:style="border-radius:50px"
      • 四つの角でそれぞれ丸みを変えられます
        • 例:style="border-radius:10px 20px 30px 40px"
        • このとき、左上→右上→右下→左下の順に描写されます。
      • 楕円形にすることもできます
        • 例:style="border-radius:10px 20px"
        • このとき、横半径→縦半径の順に描写されます。
      • また、四つの角でそれぞれ丸みを変えつつ楕円形にもできます。
        • 例:style="border-radius:10px 20px 30px 40px / 40px 30px 20px 10px"
        • このとき、左上横半径→右上横半径→右下横半径→左下横半径→左上縦半径→右上縦半径→右下縦半径→左下縦半径の順に描写されます。
コメント

# 豆知識