当前位置: 首页 > news >正文

CSS outline和border区别

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

border 可应用于几乎所有有形的html元素,而 outline 是针对链接、表单控件和ImageMap等元素设计。

从而另一个区别也可以推理出,那就是: outline 的效果将随元素的 focus 而自动出现,相应的由 blur 而自动消失。

这些都是浏览器的默认行为,无需JavaScript配合CSS来控制。

另外outline 不会象border那样影响元素的尺寸或者位置,outline不占据空间。

在使用border-radius时,border会跟随改变,outline确依然是一个矩形。

转载于:https://my.oschina.net/u/3887849/blog/1841583

相关文章:

  • python学习之老男孩python全栈第九期_day009之文件操作总结
  • 复杂性研究相关论文
  • 我与Linux系统的藕断丝连
  • 老板让我十分钟上手nx-admin
  • HTTP传输编码增加了传输量,只为解决这一个问题 | 实用 HTTP
  • Flutter Android端启动白屏
  • 九、一级缓存、二级缓存
  • zabbix监控
  • centos7 go ENV 部署
  • swift leetcode-29 Divide Two Integers
  • 后端程序员必备的Linux基础知识
  • Linux服务器后台运行jar包
  • 统计学习方法概论(综合数据挖掘概论)
  • Postfix+dovecot邮件
  • App Icon Gear App 图标制作工具
  • SegmentFault for Android 3.0 发布
  • 《深入 React 技术栈》
  • ComponentOne 2017 V2版本正式发布
  • Django 博客开发教程 16 - 统计文章阅读量
  • Java程序员幽默爆笑锦集
  • Java读取Properties文件的六种方法
  • Java面向对象及其三大特征
  • pdf文件如何在线转换为jpg图片
  • PHP变量
  • Python连接Oracle
  • rc-form之最单纯情况
  • React中的“虫洞”——Context
  • UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)
  • vue-router 实现分析
  • Vue组件定义
  • 个人博客开发系列:评论功能之GitHub账号OAuth授权
  • 检测对象或数组
  • 聊聊redis的数据结构的应用
  • 你真的知道 == 和 equals 的区别吗?
  • 配置 PM2 实现代码自动发布
  • 深度学习中的信息论知识详解
  • 微信支付JSAPI,实测!终极方案
  • 用Python写一份独特的元宵节祝福
  • 如何在招聘中考核.NET架构师
  • ​批处理文件中的errorlevel用法
  • #define,static,const,三种常量的区别
  • #include
  • #pragma once与条件编译
  • #周末课堂# 【Linux + JVM + Mysql高级性能优化班】(火热报名中~~~)
  • (3)选择元素——(17)练习(Exercises)
  • (二)springcloud实战之config配置中心
  • (附源码)spring boot车辆管理系统 毕业设计 031034
  • (附源码)计算机毕业设计SSM基于java的云顶博客系统
  • (三) prometheus + grafana + alertmanager 配置Redis监控
  • (十二)springboot实战——SSE服务推送事件案例实现
  • (新)网络工程师考点串讲与真题详解
  • (转)利用ant在Mac 下自动化打包签名Android程序
  • (转载)从 Java 代码到 Java 堆
  • .net mvc部分视图
  • .NET(C#) Internals: as a developer, .net framework in my eyes