`
fudehai001
  • 浏览: 498869 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

div 属性

阅读更多
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编辑模式,然后在日志编辑页面使用鼠标直接进行调整。
分享到:
评论

相关推荐

    Js Div属性大全

    以下是一些主要的Div属性及其详细说明: 1. accessKey:设置或获取对象的快捷键,使得用户可以通过键盘快速激活Div元素。 2. align:设置或获取Div元素的对齐方式,可以是"left", "right", "center", "justify"等...

    1.控制DIV属性实例 (一)

    控制DIV属性实例 (一)"这个主题聚焦于如何通过CSS(层叠样式表)来控制`DIV`元素的属性,以实现灵活多样的网页布局效果。在网页开发中,`DIV`常被用作一个容器,可以容纳其他HTML元素,并通过CSS进行样式控制。 ...

    UIWebView带返回,关闭,OC代码调用网页js方法,修改div属性

    在标题“UIWebView带返回,关闭,OC代码调用网页js方法,修改div属性”中,我们可以解读出以下几个关键知识点: 1. **返回与关闭功能**:UIWebView可以集成在导航控制器(UINavigationController)中,这样就可以利用...

    div属性整理

    页面中div常见属性整理,最常见最常见,与初级程序员分享!

    原生js和jQuery随意改变div属性style的名称和值

    一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置。代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参,改变Div任意属性的值</title...

    JavaScript动态改变div属性的实现方法

    特别是当需要通过JavaScript动态地改变页面上元素的属性,例如一个div元素的属性时,其重要性不言而喻。 首先,想要动态改变页面上元素的属性,需要通过JavaScript代码获取到对应的DOM元素。通常使用document....

    Javascript控制div属性动态变化实例分析

    首先,文章指出了使用JavaScript动态改变div属性的重要性。在本实例中,我们能够实现div元素的几何尺寸变化(如宽度和高度的调整)、颜色改变、隐藏显示等效果。虽然这些操作在技术上比较简单,但是它们在网页设计中...

    原生js实现改变随意改变div属性style的名称和值的结果

    一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置。代码如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″/> <title>函数传参,改变Div任意属性的...

    前端笔记前端笔记前端笔记前端笔记,一些div居中以及常用的CSS属性

    本篇笔记主要探讨了如何使`div`元素居中以及一些常用的CSS属性,这些都是前端开发者日常工作中不可或缺的基础知识。 一、`div`元素居中方法 1. **margin自动填充**:设置`div`的`margin`为`auto`,可以使其在父...

    js去除div里class样式

    js去除div里class样式,自己学习的,分享给大家,大神就不要说我了,谢谢。

    div所有属性介绍 和各种用法

    在探讨“div所有属性介绍和各种用法”这一主题时,我们不仅会深入解析div元素的基本属性,还将拓展到CSS中与div相关的样式属性,这些属性使得div成为了网页布局和设计中的核心元素之一。 ### div的基本概念 div是...

    DIV的Style常用属性

    DIV 的 Style 常用属性 在网页设计中, DIV 是一个非常重要的元素,它可以用来布局网页的结构。 Style 属性是 DIV 的一个重要属性,它可以用来设置 DIV 的样式和布局。下面我们将介绍 DIV 的 Style 属性中一些常用...

    div的position属性

    ### div的position属性详解 #### 一、流动模型(块元素与内联元素) 流动模型是CSS布局的基础,指的是在没有特别指定定位方式的情况下,元素按照文档流的自然顺序排列。 - **块元素**:默认情况下,每个块元素...

    jQuery实现随意改变div任意属性的名称和值(部分原生js实现)

    在这段代码中,`$("#div1")`选择器选中id为`div1`的元素,并使用`css`方法来动态修改其样式属性。`removeAttr("style")`用于移除元素的`style`属性,即移除该元素的所有内联样式,实现重置效果。 ### 动态属性修改...

    JavaScript动态创建div属性和样式示例代码

    JavaScript动态创建div元素、属性和样式的示例代码涉及了几个重要的知识点。这些知识点不仅包括了如何用JavaScript动态生成HTML元素,还涵盖了如何为这些元素设置属性和样式。下面详细介绍这些技术点。 首先,动态...

    使用APdiv和框架PPT学习教案.pptx

    3. **AP Div属性**: - 插入AP Div后,可以在【属性】面板中查看和编辑其属性,如大小、颜色等。 - 可以通过【首选参数】对话框预设AP Div的插入属性。 4. **创建嵌套AP Div**: - 嵌套AP Div是指在一个AP Div...

Global site tag (gtag.js) - Google Analytics