<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>在线CSS编辑器 - QrONE CSS Designer - 极品书生翻译-jpssff.googlepages.com</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8"><!--
Designed by J.Tabuchi <jun@jun.email.ne.jp>
This software is distributed under "Common Public License".
(see <http://www.eclipse.org/legal/cpl-v10.html> for detail infomation)
http://www.qrone.org/
--><LINK
href="qreditor.css"
type=text/css rel=stylesheet><LINK
href="qrpulldown.css"
type=text/css rel=stylesheet>
<STYLE type=text/css>.QrCSSDesignerPad {
MARGIN-TOP: 40px
}
.QrCSSDesignerPadLeft {
WIDTH: 150px
}
</STYLE>
<SCRIPT lang=JavaScript
src="qrxpcom.js"></SCRIPT>
<SCRIPT lang=JavaScript
src="qrcpicker.js"></SCRIPT>
<SCRIPT lang=JavaScript
src="qrcpulldown.js"></SCRIPT>
<SCRIPT lang=JavaScript
src="qrcspinner.js"></SCRIPT>
<SCRIPT lang=JavaScript><!--
QrXPCOM.cssToJsMap = new Array;
QrXPCOM.cssToJsMap["background"] = "background";
QrXPCOM.cssToJsMap["background-attachment"] = "backgroundAttachment";
QrXPCOM.cssToJsMap["background-color"] = "backgroundColor";
QrXPCOM.cssToJsMap["background-image"] = "backgroundImage";
QrXPCOM.cssToJsMap["background-position"] = "backgroundPosition";
QrXPCOM.cssToJsMap["background-position-x"] = "backgroundPositionX";
QrXPCOM.cssToJsMap["background-position-y"] = "backgroundPositionY";
QrXPCOM.cssToJsMap["background-repeat"] = "backgroundRepeat";
QrXPCOM.cssToJsMap["behavior"] = "behavior";
QrXPCOM.cssToJsMap["border"] = "border";
QrXPCOM.cssToJsMap["border-bottom"] = "borderBottom";
QrXPCOM.cssToJsMap["border-bottom-color"] = "borderBottomColor";
QrXPCOM.cssToJsMap["border-bottom-style"] = "borderBottomStyle";
QrXPCOM.cssToJsMap["border-bottom-width"] = "borderBottomWidth";
QrXPCOM.cssToJsMap["border-color"] = "borderColor";
QrXPCOM.cssToJsMap["border-left"] = "borderLeft";
QrXPCOM.cssToJsMap["border-left-color"] = "borderLeftColor";
QrXPCOM.cssToJsMap["border-left-style"] = "borderLeftStyle";
QrXPCOM.cssToJsMap["border-left-width"] = "borderLeftWidth";
QrXPCOM.cssToJsMap["border-right"] = "borderRight";
QrXPCOM.cssToJsMap["border-right-color"] = "borderRightColor";
QrXPCOM.cssToJsMap["border-right-style"] = "borderRightStyle";
QrXPCOM.cssToJsMap["border-right-width"] = "borderRightWidth";
QrXPCOM.cssToJsMap["border-style"] = "borderStyle";
QrXPCOM.cssToJsMap["border-top"] = "borderTop";
QrXPCOM.cssToJsMap["border-top-color"] = "borderTopColor";
QrXPCOM.cssToJsMap["border-top-style"] = "borderTopStyle";
QrXPCOM.cssToJsMap["border-top-width"] = "borderTopWidth";
QrXPCOM.cssToJsMap["border-width"] = "borderWidth";
QrXPCOM.cssToJsMap["bottom"] = "bottom";
QrXPCOM.cssToJsMap["clear"] = "clear";
QrXPCOM.cssToJsMap["clip"] = "clip";
QrXPCOM.cssToJsMap["color"] = "color";
QrXPCOM.cssToJsMap["cursor"] = "cursor";
QrXPCOM.cssToJsMap["direction"] = "direction";
QrXPCOM.cssToJsMap["display"] = "display";
QrXPCOM.cssToJsMap["filter"] = "filter";
QrXPCOM.cssToJsMap["font"] = "font";
QrXPCOM.cssToJsMap["font-family"] = "fontFamily";
QrXPCOM.cssToJsMap["font-size"] = "fontSize";
QrXPCOM.cssToJsMap["font-style"] = "fontStyle";
QrXPCOM.cssToJsMap["font-variant"] = "fontVariant";
QrXPCOM.cssToJsMap["font-weight"] = "fontWeight";
QrXPCOM.cssToJsMap["height"] = "height";
QrXPCOM.cssToJsMap["layout-flow"] = "layoutFlow";
QrXPCOM.cssToJsMap["layout-grid"] = "layoutGrid";
QrXPCOM.cssToJsMap["layout-grid-char"] = "layoutGridChar";
QrXPCOM.cssToJsMap["layout-grid-line"] = "layoutGridLine";
QrXPCOM.cssToJsMap["layout-grid-mode"] = "layoutGridMode";
QrXPCOM.cssToJsMap["layout-grid-type"] = "layoutGridType";
QrXPCOM.cssToJsMap["left"] = "left";
QrXPCOM.cssToJsMap["letter-spacing"] = "letterSpacing";
QrXPCOM.cssToJsMap["line-break"] = "lineBreak";
QrXPCOM.cssToJsMap["line-height"] = "lineHeight";
QrXPCOM.cssToJsMap["margin"] = "margin";
QrXPCOM.cssToJsMap["margin-bottom"] = "marginBottom";
QrXPCOM.cssToJsMap["margin-left"] = "marginLeft";
QrXPCOM.cssToJsMap["margin-right"] = "marginRight";
QrXPCOM.cssToJsMap["margin-top"] = "marginTop";
QrXPCOM.cssToJsMap["overflow"] = "overflow";
QrXPCOM.cssToJsMap["overflow-x"] = "overflowX";
QrXPCOM.cssToJsMap["overflow-y"] = "overflowY";
QrXPCOM.cssToJsMap["padding"] = "padding";
QrXPCOM.cssToJsMap["padding-bottom"] = "paddingBottom";
QrXPCOM.cssToJsMap["padding-left"] = "paddingLeft";
QrXPCOM.cssToJsMap["padding-right"] = "paddingRight";
QrXPCOM.cssToJsMap["padding-top"] = "paddingTop";
QrXPCOM.cssToJsMap["page-break-after"] = "pageBreakAfter";
QrXPCOM.cssToJsMap["page-break-before"] = "pageBreakBefore";
QrXPCOM.cssToJsMap["position"] = "position";
QrXPCOM.cssToJsMap["right"] = "right";
QrXPCOM.cssToJsMap["scrollbar-3dlight-color"] = "scrollbar3dLightColor";
QrXPCOM.cssToJsMap["scrollbar-arrow-color"] = "scrollbarArrowColor";
QrXPCOM.cssToJsMap["scrollbar-base-color"] = "scrollbarBaseColor";
QrXPCOM.cssToJsMap["scrollbar-darkshadow-color"] = "scrollbarDarkShadowColor";
QrXPCOM.cssToJsMap["scrollbar-face-color"] = "scrollbarFaceColor";
QrXPCOM.cssToJsMap["scrollbar-highlight-color"] = "scrollbarHighlightColor";
QrXPCOM.cssToJsMap["scrollbar-shadow-color"] = "scrollbarShadowColor";
QrXPCOM.cssToJsMap["scrollbar-track-color"] = "scrollbarTrackColor";
QrXPCOM.cssToJsMap["float"] = "styleFloat";
QrXPCOM.cssToJsMap["text-align"] = "textAlign";
QrXPCOM.cssToJsMap["text-align-last"] = "textAlignLast";
QrXPCOM.cssToJsMap["text-autospace"] = "textAutospace";
QrXPCOM.cssToJsMap["text-decoration"] = "textDecoration";
QrXPCOM.cssToJsMap["text-indent"] = "textIndent";
QrXPCOM.cssToJsMap["text-justify"] = "textJustify";
QrXPCOM.cssToJsMap["text-kashida-space"] = "textKashidaSpace";
QrXPCOM.cssToJsMap["text-overflow"] = "";
QrXPCOM.cssToJsMap["text-transform"] = "textTransform";
QrXPCOM.cssToJsMap["text-underline-position"] = "textUnderlinePosition";
QrXPCOM.cssToJsMap["top"] = "top";
QrXPCOM.cssToJsMap["unicode-bidi"] = "unicodeBidi";
QrXPCOM.cssToJsMap["visibility"] = "visibility";
QrXPCOM.cssToJsMap["white-space"] = "whiteSpace";
QrXPCOM.cssToJsMap["width"] = "width";
QrXPCOM.cssToJsMap["word-break"] = "wordBreak";
QrXPCOM.cssToJsMap["word-spacing"] = "wordSpacing";
QrXPCOM.cssToJsMap["word-wrap"] = "wordWrap";
QrXPCOM.cssToJsMap["writing-mode"] = "writingMode";
QrXPCOM.cssToJsMap["z-index"] = "zIndex";
QrXPCOM.cssToJsMap["zoom"] = "zoom";
var connectInstanceMap = new Array;
var connectInstanceOverrideMap = new Array;
var styles = new Array;
function connectCSS(obj, style, override){
connectInstanceMap[style] = obj;
connectInstanceOverrideMap[style] = override;
obj.onChange = function(value){
setTargetStyle(style, value);
}
}
function connectCSS2(obj,objB, style, override){
connectInstanceMap[style] = new Array;
connectInstanceMap[style][0] = obj;
connectInstanceMap[style][1] = objB;
connectInstanceOverrideMap[style] = override;
obj.onChange = function(value){
value = value + objB.get();
setTargetStyle(style, value);
}
objB.onChange = function(value){
value = obj.get() + value;
setTargetStyle(style, value);
}
}
function setTargetStyle(style, value){
try{
document.getElementById("target").style[QrXPCOM.cssToJsMap[style]] = value;
document.getElementById("target2").style[QrXPCOM.cssToJsMap[style]] = value;
document.getElementById("target3").style[QrXPCOM.cssToJsMap[style]] = value;
styles[style] = value;
}catch(e){
document.getElementById("target").style[QrXPCOM.cssToJsMap[style]] = "";
document.getElementById("target2").style[QrXPCOM.cssToJsMap[style]] = "";
document.getElementById("target3").style[QrXPCOM.cssToJsMap[style]] = "";
styles[style] = null;
}
var st;
var cssstr = ".someclass {\n";
for(st in styles){
if(styles[st])
CSS在线编辑器 CSS样式表
5星 · 超过95%的资源 需积分: 11 192 浏览量
2009-06-22
11:20:53
上传
评论
收藏 57KB RAR 举报
ly0205
- 粉丝: 0
- 资源: 2
最新资源
- Screenshot_20240427_031602.jpg
- 网页PDF_2024年04月26日 23-46-14_QQ浏览器网页保存_QQ浏览器转格式(6).docx
- 直接插入排序,冒泡排序,直接选择排序.zip
- 在排序2的基础上,再次对快排进行优化,其次增加快排非递归,归并排序,归并排序非递归版.zip
- 实现了7种排序算法.三种复杂度排序.三种nlogn复杂度排序(堆排序,归并排序,快速排序)一种线性复杂度的排序.zip
- 冒泡排序 直接选择排序 直接插入排序 随机快速排序 归并排序 堆排序.zip
- 课设-内部排序算法比较 包括冒泡排序、直接插入排序、简单选择排序、快速排序、希尔排序、归并排序和堆排序.zip
- Python排序算法.zip
- C语言实现直接插入排序、希尔排序、选择排序、冒泡排序、堆排序、快速排序、归并排序、计数排序,并带图详解.zip
- 常用工具集参考用于图像等数据处理
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈