HTML代码
overflow:auto
【说明】
v 必须在html编辑状态下编辑代码。
v 简单的文本框是通过DIV实现的,包含背景图片的文本框是通过将DIV嵌入到Table中实现的。
v 主要通过对DIV的Style属性来控制样式,主要设置如下:
overflow(溢出控制):visible(默认,可见)、auto(自动)、scroll(显示滚动条);
width(宽度):数值;
height(高度):数值;
color(字体颜色):色彩代码;
font-size(字体大小):数值;
line-height(行高):数值;
border(边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;
font-weight(字体粗细):normal、bold、bolder、lighter;
font-family(字体类型):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆;
background(背景颜色):色彩代码;
scrollbar-base-color,scrollbar-face-color,scrollbar- track-color,scrollbar-darkshadow-color,scrollbar-highlight- color,scrollbar-shadow-color,scrollbar-3dlight-color,scrollbar-arrow- color(滚动条各部分的颜色):色彩代码;
filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明效果;
word-break(断字):normal(默认,正常断字)、keep-all(严格不断字)、break-all(严格断字);
direction(文字方向):ltr(默认,从左向右)、rtl(从右向左)。
v 辅助工具
在线滚动条配色器:通过本工具可以方便地在线设置滚动条样式。地址1 地址2
颜色采集器:通过本工具可以方便地获取屏幕显示的任何颜色。下载颜色采集器1.05
;width:100%;line-height:14pt;letter-spacing:0.2em;height:300px">日志内容
效果预览
大篇幅的日志会占据页面的大部分空间,从而影响整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题。
利用上述语法可以生成一个Windows标准样式的文本滚动框语法里的参数相当简单,可以不做任何修改,也可以控制不同部分的色彩,你可以做相应变化并在预览中观看实际效果。至于调整文本框的大小,你可以在插入此语法后退出HTML编辑模式,然后在日志编辑页面使用鼠标直接进行调整。
分享到:
相关推荐
以下是一些主要的Div属性及其详细说明: 1. accessKey:设置或获取对象的快捷键,使得用户可以通过键盘快速激活Div元素。 2. align:设置或获取Div元素的对齐方式,可以是"left", "right", "center", "justify"等...
控制DIV属性实例 (一)"这个主题聚焦于如何通过CSS(层叠样式表)来控制`DIV`元素的属性,以实现灵活多样的网页布局效果。在网页开发中,`DIV`常被用作一个容器,可以容纳其他HTML元素,并通过CSS进行样式控制。 ...
在标题“UIWebView带返回,关闭,OC代码调用网页js方法,修改div属性”中,我们可以解读出以下几个关键知识点: 1. **返回与关闭功能**:UIWebView可以集成在导航控制器(UINavigationController)中,这样就可以利用...
页面中div常见属性整理,最常见最常见,与初级程序员分享!
一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置。代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参,改变Div任意属性的值</title...
特别是当需要通过JavaScript动态地改变页面上元素的属性,例如一个div元素的属性时,其重要性不言而喻。 首先,想要动态改变页面上元素的属性,需要通过JavaScript代码获取到对应的DOM元素。通常使用document....
首先,文章指出了使用JavaScript动态改变div属性的重要性。在本实例中,我们能够实现div元素的几何尺寸变化(如宽度和高度的调整)、颜色改变、隐藏显示等效果。虽然这些操作在技术上比较简单,但是它们在网页设计中...
一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置。代码如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″/> <title>函数传参,改变Div任意属性的...
本篇笔记主要探讨了如何使`div`元素居中以及一些常用的CSS属性,这些都是前端开发者日常工作中不可或缺的基础知识。 一、`div`元素居中方法 1. **margin自动填充**:设置`div`的`margin`为`auto`,可以使其在父...
js去除div里class样式,自己学习的,分享给大家,大神就不要说我了,谢谢。
在探讨“div所有属性介绍和各种用法”这一主题时,我们不仅会深入解析div元素的基本属性,还将拓展到CSS中与div相关的样式属性,这些属性使得div成为了网页布局和设计中的核心元素之一。 ### div的基本概念 div是...
DIV 的 Style 常用属性 在网页设计中, DIV 是一个非常重要的元素,它可以用来布局网页的结构。 Style 属性是 DIV 的一个重要属性,它可以用来设置 DIV 的样式和布局。下面我们将介绍 DIV 的 Style 属性中一些常用...
### div的position属性详解 #### 一、流动模型(块元素与内联元素) 流动模型是CSS布局的基础,指的是在没有特别指定定位方式的情况下,元素按照文档流的自然顺序排列。 - **块元素**:默认情况下,每个块元素...
在这段代码中,`$("#div1")`选择器选中id为`div1`的元素,并使用`css`方法来动态修改其样式属性。`removeAttr("style")`用于移除元素的`style`属性,即移除该元素的所有内联样式,实现重置效果。 ### 动态属性修改...
JavaScript动态创建div元素、属性和样式的示例代码涉及了几个重要的知识点。这些知识点不仅包括了如何用JavaScript动态生成HTML元素,还涵盖了如何为这些元素设置属性和样式。下面详细介绍这些技术点。 首先,动态...
3. **AP Div属性**: - 插入AP Div后,可以在【属性】面板中查看和编辑其属性,如大小、颜色等。 - 可以通过【首选参数】对话框预设AP Div的插入属性。 4. **创建嵌套AP Div**: - 嵌套AP Div是指在一个AP Div...