See related links to what you are looking for.
See related links to what you are looking for.
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
「ブロックボックスの右寄せ」の解答例 CSSクイズ ブロックボックスの右寄せ <div> <p></p> </div> div, p { padding: 0; border : none; height : 100px; margin-top : 0; margin-bottom: 0; } div { width: 80%; background:#ccc; } p { width: 200px; background:#ddd; } 解答例1. margin-left:auto pの右マージンを0, 左マージンをautoにします。 p { margin-right: 0; margin-left : auto; } autoの値は以下の式から導かれ、結果としてpはdivの中で右寄せされます。 pの包含ブロックの幅(divのwidth)= pのmargin-left + width +
セレクタ版でMacIEが不安定な問題について セレクタ版のハックを使用すると、MacIEで、適用させるつもりの要素以外の要素すべてにスタイルが適用される、という情報を頂きました。(例えばp要素にアスタリスクハックを行い文字を赤くすると、p要素以外がすべて赤くなる、という現象です) このような不安定な部分があるので、使用時には注意してください。 アスタリスクハックをもっと詳しく・・・ アスタリスクハックのしくみ おバカさんなIE様のバグです。どうなっているのか、構造は不明です。もしかしたら、「意味不明な文字列は無視」をちょっと過大解釈しているのではないのでしょうか? そうそう、セレクタ版はスターハックと似ていますが、この場合はスペースやhtml要素を入れていません。それに、アスタリスクハックはスターハックと違い文法違反です。混合しないように注意してください。 Lone Star Hack
font: [ [ <‘font-style’> || || <‘font-weight’> ]? <‘font-size’> [ / <‘line-height’> ]? <‘font-family’> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit<;font-variant>; = = [normal | small-caps] fontプロパティは、フォント関連のプロパティを一括指定できるショートハンドです。 font-sizeとfont-family以外は省略可能です。 %指定できるのは、font-sizeとline-heightのみです。 省略した場合は、省略した値のデフォルト値が適用されます。 デフォルト値:各プロパティの値を参照 適用:全要素 継承:する font-
ディスプレイサイズ(ブラウザサイズ)いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ(ブラウザ)のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します! 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
E-mailシ嗹ebmaster@zspc.com Copyright © 1996-2000 ZSPC. All Rights Reserved. All pages except color chart are written in Japanese. g src="/static/zspc.com-vcss.gif" alt="Valid CSS! | " height="31" width="88" border="0"> g height="31" width="88" src="" alt="Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0" border="0">
Last week I talked about Cross-Browser CSS Gradient. Today I’m going to show you how to put the CSS gradient feature in a good practical use. Check out my demo to see a set of gradient buttons that I have created with just CSS (no image or Javascript). The buttons are scalable based on the font-size. The button size can be easily adjusted by changing the padding and font-size values. The best part
光るボタン CSS3 Gradient Buttons〔クロスブラウザ対応のグラデーションボタン〕 Better Button and Nav Interactions〔フェード効果付きの角丸ボタン〕 CSS3 Buttons Without Any Images〔button要素を角丸ボタンに〕 Super Awesome Buttons with CSS3 and RGBA〔角丸ボタン〕 Nice CSS3 buttons〔背景色が変えられるボタン〕 lovely Candy CSS3 buttons〔ラムネ菓子みたいな可愛いボタン〕 Animated Bubble Buttons CSS3〔マウスオーバーで背景の泡がアニメーションするシャンパンみたいなボタン〕 CSS3 Gradient Buttons クロスブラウザ対応のグラデーションボタン unknown CSS3 Gradie
■ベンダープレフィックス 先頭に付ける-moz-や-webkit-など CSS3で採用される予定の機能が各ブラウザで先行実装されていますが、それらの機能を動作させるには、 現状ではプロパティや値の先頭に-moz-や-webkit-などのベンダープレフィックスを付ける必要があります。 例えば、border-imageプロパティで画像ボーダーを機能させるには、 FirefoxやGoogle Chromeなどのそれぞれのブラウザ向けのベンダープレフィックスを付ける必要があります。 -moz-border-image: url("bg_dot.png") 15 round; // Firefox向け -webkit-border-image: url("bg_dot.png") 15 round; // Google Chrome、Safari向け 拡張機能であることを明示するための識
簡単なfloatの段組練習です。慣れて来たら、いろいろ応用してみて下さい。 注)floatを指定する場合はwidth指定で幅を指定するように心掛けましょう! ボックスを並べる boxAとboxBを左右に並べます。形式上boxの幅と高さを指定しています。(本来の段組では、高さを指定する事はあまりありません。) パターン1 float:left;を指定してboxBを回り込ませます。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;height:100px;float:left; } パターン2 boxAにfloat:left;を指定、boxBにfloat:right;を指定。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く