Manual:CSS/ja


 * "CSS" redirects here. For the extension, see Extension:CSS.

Cascading style sheet(CSS)はMediaWikiの外装のほとんどを設定できます : フォントサイズ、色、間隔、ロゴと背景画像、サイトのコンテンツの表示/非表示などなど.

MediaWikiのスクリーン表示の外装(見た目)を変更するために、にCSSを書くことができます. This file is a page in your wiki, not a file like index.php or load.php, so you cannot find it by looking at the directory structure on your server, nor is it linked to your Main Page or any other page initially. The page initially consists of just a one-line comment. To find it, type MediaWiki:Common.css in the search box on the main page of your wiki. It will appear as a file with an address something like https://www.myserver.org/mywiki/index.php?title=MediaWiki:Common.css. (Requires the following permission to edit: "interface administrator")

ページの印刷の際の外装を変更するためには、WikiのMediaWiki:Print.cssにCSSを記述してください.

CSS can be used to change the style of the entire wiki, for example to make the background a different color, or you can use inline CSS to style specific pieces of text in your wiki. For example can be accomplished by doing. 全てのテキストを大きくしたい場合、MediaWiki:Common.cssにを追加してください. モバイル版はMediaWiki:Mobile.cssを使用してください.

If enabled on your wiki, individual users can create custom stylesheets just for themselves at Special:MyPage/&lt;skin_name&gt;.css (for example Special:MyPage/vector.css if they are using the vector skin). Special:MyPage/common.cssにCSS書いた場合、すべての外装に個人用スタイルシートを適用できます.

MediaWiki 用のカスタム外装を作成することもできます.

ヘルプ
CSSは構文・属性・値が正しくなければ正常に動作しません. World Wide Web Consortium (W3C) is an excellent reference for checking how to write CSS correctly directly from the standards:


 * https://www.w3.org/TR/CSS21/propidx.html - CSS 2.1プロパティのインデックス '&larr; 参考
 * http://www.w3.org/TR/CSS21/indexlist.html - CSS 2.1 総索引
 * http://www.w3.org/TR/CSS21/cover.html#minitoc - CSS 2.1 目次

ウィキペディアに、CSS の概要が載っています.

CSS 機能の操作説明と同時に誰でも使える参考情報を提供する場合は、MDN CSS リファレンスで「常に更新してある」 ガイドを提供、構文やさまざまな要素の基本的な使い方を提供できます.


 * MDN CSS リファレンス

注意
意味不明なマークアップをしないでください. 意味を表現するのにスタイル設定に頼るのは悪習です. （例＝検索エンジンや文字音声化のスクリーンリーダーや文字ブラウザなど機械可読性を求めるものに非対応だから）

If necessary, custom style sheets can temporarily be deactivated using the  URL parameter.



規準 CSS
今日の CSS の中には、ブラウザが変わっても同じ動作をするように、「リセット」または「規準化」CSS に依拠するものが大多数です. 現状、MediaWiki にはリセット機能がないとは言え、ビルトインのスタイルシートには common/commonElements.css、common/commonContent.css、common/commonInterface.css、 などがあります.

If you copy CSS をコピペした場合は、それが他の CSS に依存していないかチェックしてください.

一例として、jsFiddle には「規準 CSS 」チェックボックスがあります. m これは s を   にセットし、要求したリストの数をリセットします. 規準 CSS は MediaWiki サイトでまったく走らないため、 MediaWiki 関連のコードのテストには使用禁止です.

jsfiddleにはCSSをインポートする機能があります. 英語版ウィキペディアで Vector （ベクター外装）をテストする場合は、以下の順序を守ってプライマリシートを書きます.


 * [/load.php?debug=true&lang=en&modules=mediawiki.legacy.shared&only=styles&skin=vector レガシーの一般外装※のコアに組み込んだ CSS（※＝CSS を採用する外装全般）]
 * [/load.php?debug=true&lang=en&modules=skins.vector.styles&only=styles&skin=vector コアに組み込んだ一般用兼 Vector 外装用 CSS]
 * [/load.php?debug=true&lang=en&modules=site&only=styles&skin=vector サイト CSS（MediaWiki 名前空間）]
 * [/load.php?debug=true&lang=en&modules=ext.gadget.site-styles&only=styles&skin=vector MediaWiki.org（MediaWiki 名前空間）で使う外装汎用版の CSS（全利用者対応）]
 * [/load.php?debug=true&lang=en&modules=site.styles&only=styles&skin=vector Vector 外装用 CSS （MediaWiki 名前空間）]
 * [/load.php?debug=true&lang=en&modules=site.styles&only=styles&skin=vector Vector 外装用 CSS （MediaWiki 名前空間）]

他の WMF ウィキに対しては、URL アドレス内のドメイン名を変えてください. これらをインポートすると WMF のウィキ群で自作の CSS が既定の CSS とどのように影響し合うか少しは理解できるはずです.



Special:利用者ログイン、Special:個人設定でスタイル設定が無効？
サイト CSS のカスタム化（MediaWiki:Common.css）は既定では ログイン手順と個人設定のページで無効にしてあります. これはログイン手続きでセキュリティを保つ措置であり、利用者が煩雑だと感じるカスタム要素を除去できるようにします. セキュリティのリスクを心配する必要がないときは、カスタムの CSS をこれらのページで有効にするには、 設定を使う選択肢があります.

Using the url function
For privacy reasons, Wikimedia sites are configured to reject loading resources from external servers using the  CSS function. This includes resources encoded in data URLs.

However, you can load resources that are hosted in the Wikimedia servers. For example, you can load an image from Wikimedia Commons and use it as a background image via CSS:

You can also use a custom font family provided by Wikimedia's Universal Language Selector extension (see the list of fonts available on Wikimedia wikis).

Example CSS to load the Gochi Hand font:

カスタムのフォントを使いたい場合は、利用者個人のシステムにインストールしてください.

